Utilisation des Dossiers et Composants
Objectifs
À la fin de cette vidéo, vous serez capable de structurer un projet SvelteKit en utilisant des dossiers organisés et des composants réutilisables. Vous saurez également configurer des alias pour simplifier la gestion des imports.
Résumé
Apprenez à organiser votre projet SvelteKit en utilisant des dossiers et composants réutilisables pour créer un site web modulaire et maintenable.
Description
Dans cette leçon, nous examinons le code généré dans la vidéo précédente et nous vous guidons à travers les meilleures pratiques pour structurer un projet SvelteKit. Vous apprendrez à utiliser le dossier srcroot pour définir toutes les pages de votre site. Chaque page aura son propre sous-dossier, comme about et sverdle, avec un composant page.svelte. La page d'accueil sera définie directement dans le dossier root.
Vous apprendrez également à utiliser le dossier srclib pour vos composants réutilisables. Pour rendre l'accès plus facile, nous utiliserons l'alias $lib. Vous devrez mettre à jour le fichier sveltekit.json et tsconfig.json pour inclure cet alias. Enfin, nous verrons comment stocker toutes les ressources statiques dans le dossier static et comment y accéder dans vos composants.
À la fin de cette leçon, vous serez prêt à créer votre première application SvelteKit from scratch, en partant de zéro et en utilisant les bonnes pratiques vues ensemble.
Questions fréquentes
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
