Utilisation des directives Await pour remplacer OnMount

Utilisation du bloc {#await}
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

Les objectifs de cette vidéo sont d'apprendre comment:

  • Remplacer la fonction OnMount avec une directive Await
  • Gérer le chargement des données via des promesses dans le HTML
  • Afficher un message pendant le chargement des données

Découvrez comment vous passer de la fonction OnMount à l'aide de la directive Await dans cette vidéo didactique.

Dans cette leçon, nous allons explorer l'usage des directives Await comme solution de remplacement à la fonction OnMount pour le chargement de données. Nous partirons du code de la vidéo précédente et vous verrez comment simplifier votre code en remplaçant OnMount. Nous supprimerons la fonction OnMount et utiliserons une directive Await pour gérer le chargement des données retournées par Axios, le tout dans une syntaxe propre et claire.

Vous apprendrez également à afficher un message pendant le chargement des données pour améliorer l'expérience utilisateur. En fin de leçon, vous serez capable de structurer votre HTML de manière plus efficace en utilisant les directives Await. Enfin, nous jetterons un coup d'œil sur le projet suivant, qui impliquera l'intégration avec une base de données externe, The Movie Database.

Voir plus
Questions réponses
Que remplace la directive Await dans cette vidéo?
La directive Await remplace l'utilisation de la fonction OnMount pour gérer le chargement des données.
Où est-il possible d'utiliser la directive Await dans le code?
La directive Await peut être utilisée directement dans le HTML pour gérer les promesses et afficher des messages pendant le chargement des données.
Quelle est la principale amélioration visuelle apportée par l'utilisation de la directive Await?
L'amélioration principale est l'affichage d'un message 'En cours de chargement' pendant l'accès aux données, améliorant ainsi l'expérience utilisateur.

Programme détaillé