Mise en place et configuration de Svelte SPA Router
Objectifs
A la fin de cette vidéo, vous saurez :
- Ajouter et configurer Svelte SPA Router dans un projet Svelte
- Créer des composants de page basiques
- Configurer le routage entre ces composants
- Comprendre le fonctionnement du routage basé sur le hachage
Résumé
Introduction au routage pour les applications SPA en utilisant le Svelte SPA Router. Apprenez à configurer et utiliser ce routeur optimisé pour les applications monopages.
Description
Dans cette leçon, nous nous concentrons sur l'utilisation de Svelte SPA Router, un outil particulièrement optimisé pour les applications SPA (Single Page Applications). Ce routeur utilise le routage basé sur le hachage, éliminant le besoin de traitement côté serveur. Vous apprendrez à ajouter le support de Svelte SPA Router à un projet en exécutant des commandes npm spécifiques.
Nous allons définir quatre composants principaux dans cette application : App.svelte, Racine.svelte, Page1.svelte, et Page2.svelte. Vous verrez comment créer ces composants dans Visual Studio Code, puis les associer à des routes spécifiques pour naviguer entre les différentes pages.
La leçon se termine par la visualisation du fonctionnement du routeur dans un environnement de développement, démontrant le changement de contenu en fonction des URL spécifiques. La leçon suivante portera sur le passage de paramètres dans l'URL.
Questions fréquentes
npm add svelte-spa-router
.
Router
et spécifiez les routes et leurs composants associés à l'aide de l'attribut routes
.
#
.