Comprendre et Utiliser les Fonctions de Rendu
Objectifs
L'objectif de cette vidéo est de comprendre et maîtriser la conversion de templates en fonctions de rendu pour améliorer la performance et le contrôle dans les applications Vue.js.
Résumé
Découvrez comment transformer les templates de composants Vue.js en fonctions de rendu pour un meilleur contrôle et une optimisation des performances.
Description
Dans cette leçon, vous apprendrez comment chaque composant Vue.js implémente une fonction de rendu. Nous verrons comment le compilateur Vue convertit le contenu défini dans un template en une fonction de rendu. Cette fonction crée un DOM virtuel qui est ensuite injecté dans le DOM du navigateur pour être rendu, permettant ainsi des gains de performance significatifs.
Les slots nommés et non nommés sont également couverts, en montrant comment ils sont injectés dans les balises HTML correspondantes. Nous passerons à la création de votre propre fonction de rendu, remplaçant le template d'un composant par la fonction de rendu équivalente. Cette transformation est illustrée étape par étape pour garantir une compréhension claire.
Enfin, une comparaison entre les templates et les fonctions de rendu sera faite pour déterminer les situations où l'utilisation de l'un est plus bénéfique que l'autre.
Questions - réponses
Programme détaillé
Module 1 - Premiers pas en Vue3
Module 2 - Les composants Vue JS
Module 3 - Les applications SPA (Single Page Applications)
Module 4 - L'interface en ligne de commande Vue-Cli
Module 5 - Le gestionnaire d'état Vuex
Module 6 - Le gestionnaire d'état Pinia
Module 7 - Persistance des données avec Firebase
Module 8 - Plus loin avec Vue.js 3
Facebook
Twitter
Linkedin
Email
