Formation Svelte

Introduction

• Svelte.io vs React vs Vue.js

Aperçu des caractéristiques et de l'architecture de Svelte

• Gestion de l'état de l'application sans différences entre les DOM virtuels.
• Création d'applications sans dépendances externes.
• Vitesse de chargement d'une application Svelte.

Pour commencer

• Vue d'ensemble des dossiers du projet et de la structure des fichiers
• Une simple application Hello World.
• Aperçu de la syntaxe Svelte

Création d'un composant

• Rédaction d'un modèle
• Ajouter des styles simples
• Nettoyer les règles CSS

Exécution de l'application

• Exécution, vérification et mise à jour du code
• Ajouter des conditionnelles et des boucles

Ajouter de l'interactivité à l'application

• Création d'un formulaire utilisateur
• Traiter les données de l'utilisateur
• Liaison des éléments de l'interface utilisateur et transmission des données
• Gestion d'autres événements

Ajout de composants à l'application

• Comment les composants communiquent
• Naviguer entre les différents composants par le biais du routage

Gestion de l'état de l'application

• Stockage des données dans le composant
• Stockage des données dans un emplacement central
• Abonnement aux propriétés

Récupérer des données de sources externes

• Accessingérer des données à partir d'une API

Améliorer la convivialité

• Travailler avec des styles
• Référencement d'éléments CSS

Intégrer le code Svelte dans un projet React existant

• Déployer du code au niveau des composants avec Svelte
• Appeler des fonctionnalités à partir d'une application React

Résumé et conclusion