Supprimer l'Utilisation de Subscribe et Unsubscribe
Objectifs
Les objectifs de cette vidéo sont de :
- Démontrer comment accéder aux variables du store sans subscribe/unsubscribe
- Réduire le code boilerplate
- Améliorer la lisibilité du code Svelte
Résumé
Apprenez à accéder aux variables du store Svelte sans utiliser subscribe et unsubscribe en les précédant simplement d'un signe dollar.
Description
Dans cette leçon, nous allons explorer comment rendre l'utilisation des variables du store Svelte plus simple et plus efficace. Traditionnellement, vous devez utiliser les fonctions subscribe et unsubscribe pour accéder et libérer les variables du store. Toutefois, Svelte offre une façon plus conviviale de le faire en utilisant simplement le signe dollar pour accéder directement aux valeurs des stores. Cette approche supprime la nécessité d'appeler manuellement subscribe et unsubscribe, ce qui réduit le code boilerplate et améliore la lisibilité de votre code. Nous allons illustrer ce concept en prenant un exemple de composant list.svelte où nous remplacerons les lignes de code existantes par cette méthode simplifiée, vérifierons son fonctionnement et constaterons les bénéfices de cette simplification. Enfin, nous aborderons une extension de code pour la gestion des suppressions d'éléments dans le store.