Création des Composants et du Store
Objectifs
Les objectifs de cette vidéo sont :
- Comprendre le fonctionnement des stores dans Svelte
- Apprendre à créer et gérer des composants
- Développer une application complète pour la gestion de bibliothèques
Résumé
Dans cette leçon, découvrez comment créer une application Svelte pour lister et ajouter des ouvrages littéraires en manipulant un store.
Description
Cette leçon détaillée explique comment construire une application Svelte permettant de gérer une bibliothèque de littérature. Vous apprendrez à définir des composants pour la saisie et l'affichage des ouvrages, ainsi qu'à manipuler un store pour stocker ces données.
Dans un premier temps, nous allons créer un fichier store.js pour définir et initialiser notre store avec des données de test. Ensuite, vous verrez comment créer les composants de saisie et de liste d'ouvrages tout en intégrant le store pour qu'ils puissent partager les données.
La leçon inclura également la gestion des événements pour ajouter de nouveaux livres, et nous terminerons par la mise en forme des composants à l'aide de CSS pour une interface utilisateur agréable.
Questions fréquentes
bind:this sur l'élément input.
update qui permet de mettre à jour la valeur du store de manière réactive.
Programme détaillé
Module 1 - Introduction et premiers pas
Module 2 - La syntaxe de base de Svelte
Module 3 - Conditions, boucles et gestion événementielle
Module 4 - Les composants
Module 5 - Slots et Lifecycle hooks
Module 6 - Gestion des formulaires
Module 7 - Les stores de Svelte
Module 8 - Animations et transitions
Module 9 - Une application SPA avec Svelte
Module 10 - SvelteKit
