CATALOGUE Code & Data Apprendre Svelte 3 et SvelteKit 1.0 Utiliser Svelte SPA Router pour les applications monopages

Utiliser Svelte SPA Router pour les applications monopages

Un routeur basé sur le hashing
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Svelte 3 et SvelteKit 1.0
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
129,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
129,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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

Introduction au routage pour les applications SPA en utilisant le Svelte SPA Router. Apprenez à configurer et utiliser ce routeur optimisé pour les applications monopages.

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.

Voir plus
Questions réponses
Quelle est la commande npm pour ajouter Svelte SPA Router à un projet ?
La commande npm pour ajouter Svelte SPA Router à un projet est npm add svelte-spa-router.
Comment définissez-vous une route dans Svelte SPA Router ?
Pour définir une route dans Svelte SPA Router, vous utilisez le composant Router et spécifiez les routes et leurs composants associés à l'aide de l'attribut routes.
Quel type de routage utilise Svelte SPA Router ?
Svelte SPA Router utilise le routage basé sur le hachage, ce qui signifie que les changements de route sont gérés par le fragment d'URL après le #.

Programme détaillé