Svelte

Le système de composants de Svelte propose une approche spécifique de la réactivité et de l’initialisation des composants. Cet article explore une idée reçue concernant le fonctionnement des props, des variables et de l’initialisation des composants dans Svelte.

@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.

Il y a quelques jours, je tombe sur cette vidéo montrant un formulaire de création de mot de passe

Cet article vous montre comment créer un projet Svelte pour développer votre propre tag personnalisé, en utilisant esbuild, avec du rechargement automatique.

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.