CATALOGUE Code & Data Apprendre Svelte 3 et SvelteKit 1.0 Transmettre des événements personnalisés dans Svelte

Transmettre des événements personnalisés dans Svelte

Chaînage d'événements de composant à composant
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 :

  • Expliquer comment transmettre des custom events à travers les composants.
  • Démontrer l'utilisation de la fonction CreateEventDispatcher dans Svelte.
  • Illustrer un exemple pratique d'application des événements personnalisés.

Découvrez comment transmettre des événements personnalisés entre plusieurs composants Svelte avec un exemple détaillé.

Dans ce tutoriel, nous allons illustrer comment un composant peut transmettre un custom event à son parent sans y apporter de modifications, en jouant simplement le rôle d'intermédiaire. Nous utiliserons trois composants principaux : App, Intermédiaire et Emetteur.

Le composant Emetteur déclenchera un événement personnalisé lorsqu'un utilisateur cliquera sur une case à cocher. Cet événement sera ensuite capté par le composant Intermédiaire qui le retransmettra sans le modifier au composant App. Enfin, le composant App traitera cet événement pour afficher l’état de la case à cocher.

Ce processus nous permettra de mieux comprendre la maniabilité et la flexibilité des événements personnalisés dans les applications structurant plusieurs composants.

Voir plus
Questions réponses
Qu'est-ce que CreateEventDispatcher dans Svelte ?
CreateEventDispatcher est une fonction de Svelte qui permet à un composant d’émettre des événements personnalisés vers son parent.
Comment un composant intermédiaire retransmet-il un événement ?
Un composant intermédiaire peut retransmettre un événement en captant le custom event et en le redéclenchant vers son parent sans modification.
Quel est le rôle principal du composant intermédiaire dans cet exemple ?
Le rôle principal du composant intermédiaire est de servir d'intermédiaire en captant et retransmettant un événement personnalisé de l'émetteur vers l'application principale.

Programme détaillé