Tuto

@todo: intro on veut gérer le mode dev et la compilation du composant

  • gérer un argument pour choisir entre la compilation ou le mode dev

Svelte offre une flexibilité remarquable pour créer des composants dynamiques. Dans ce tutoriel, nous allons explorer comment instancier des composants à la volée et leur transmettre des propriétés de manière élégante et efficace.

J’ai souvent besoin de coder un moyen d’afficher plusieurs sous-pages au même endroit : par exemple, un panneau de configuration avec plusieurs pages. La façon naturelle de coder ça, c’est avec des onglets.

Saisie de tags

L’idée est de coder une saisie de “tags” comme dans l’animation ci-dessus.

  • Un champ texte, dans lequel je rentre des mots.
  • Dès que je tape une virgule ou Entrée, la saisie se transforme en “tag”.
  • Le tag apparaît à côté du champ avec une petite croix pour le supprimer.

Je récupère la liste des tags dans une structure de données facile d’utilisation : par exemple, un tableau de string.

Notes pour Barim : pourquoi le BFD n’est pas une bonné idée

  • Le BFD ne vaut que si tu connais ton business et que tu as déjà des règles bien établis. Si ce n’est pas le cas, tu risques de faire des aller-retours entre le développement de la partie business et l’IHM pour adapter le comportement vis-à-vis des clients, voire même de faire des adaptations côté stockage car on n’a pas clairement défini les données manipulées.