Composition API & Composables sous Vue.js 3
Passez à un code moderne de Vue.js 3, tout en développant des webapps plus robustes.
Description
Démarrez votre transition de l'Options API (OAPI) vers la Composition API (CAPI).
Nous verons étape par étape comment refactoriser une codebase sous Vue.js 3 pour utiliser pleinement la CAPI.
Vous verrez alors tous les avantages de cette nouvelle manière d'écrire vos components :
- Organisation plus flexible du code
- Meilleure réutilisation du code
- Utilisation naturelle de TS
Mais cela ne s'arrête pas là, car nous allons définir et utiliser des composables.
Qui sont la manière parfaite de combiner réusabilité et réactivité.
EXTRAIT DU COURS
Contenu du cours en détails
Bienvenue01:54 Qu'est-ce que la Composition API ?03:28 Quels sont ses avantages ?07:18 Découverte de la codebase06:14 La méthode setup()11:16 Réactivité des primitifs via `ref`08:05 Réactivité des références via `reactive`11:22 Variables dépendantes via `computed`09:30 Détection des changements via `watch`16:28 Nouvelle détection via `watchEffect`03:34 Créations de fonctions avec setup()02:00 Gestion des lifecycle hooks06:13 Dépendances via `provide`& `inject`07:14 Autres méthodes utiles02:39 L'attribut `setup` des SFC05:49 Gestion des props et des emits10:01 Top-level await et ses implications07:50 Le concept de "composables"07:39 Création d'un composable10:31 Composition de composables10:53 Amélioration du code04:51 Ajout de variables globales11:42 Utilisation avec l'Options API01:30 Conclusion01:42
Après ce cours
Code réutilisable
Découvrez les composables: le fait de réutiliser des features en elles-mêmes, sans HTML/CSS lié !
Organisation scalable
Grâce à l'importation des fonctions de la CAPI, votre code sera beaucoup plus lisible et organisé.
Codebase professionelle
Votre codebase utilisera toutes les recommandations de Vue.js 3, créant un projet sûr pour toutes entreprises.
À savoir
Contenu vidéo de 3h
Publié en Août 2022
Pré-requis
Vue.js niveau débutant
Comprendre l'Options API
TARIFS Rejoignez le Club DevTheory
Ce cours spécifique et tous les autres sont uniquement accessibles via le Club DevTheory
Accès illimité aux cours
Vue.js & TypeScript 2h
Composition API 3h
Clean Code 1h30
Tests unitaires 2h15
VS Code 6h
Veille technologique du js
Recevez une vidéo de 10 minutes chaque lundi sur toutes les actualités du JavaScript.
Réduction sur les formations
Bénéficiez de -25% sur les formations Vue.js 3, NuxtJS 3, et JS avancé.
10€ /mois Paiement trimestriel de 30€
Paiement via Stripe
Annulez à tout moment
1% des achats pour la réduction du CO₂
F.A.Q. Question courantes sur le Club
- Comment accéder aux cours ou actus ?
- Pour suivre les cours spécifiques ou les vidéos hebdomadaires il suffit d'aller dans l'espace étudiant, vous pouvez retrouvez le lien dans le menu en haut (Autres > Accés étudiant).
- Comment profiter des -25% sur les formations complètes ?
- Vous pouvez trouvez le liens des réductions de -25% sur le serveur Discord, ou alors les demander par mail à [email protected]
- Comment me désinscrire du Club ?
- Il suffit simplement d'envoyer un mail à [email protected] indiquant que vous souhaitez arrêter votre abonnement.
- Comment intégrer le discord et avoir le rôle Cluber ?
- Le lien pour accéder au serveur Discord se trouve dans le mail de bienvenue que vous avez reçu après la confirmation de votre paiement, ainsi que le lien pour lier votre compte et obtenir le rôle automatiquement.
Contact D'autres questions ?
Je vous répondrais au plus vite et à tout moment
À propos
“Devenir et rester un bon développeur JavaScript” est le crédo de DevTheory.
Tous les contenus créés, qu'ils soient gratuits ou payants, visent cet objectif.
Bryan Parasote
Fondateur / CEO
Développeur depuis adolescent, je suis vite devenu freelance et même formateur sur des plateformes comme Udemy. Voyant que mes cours étaient appréciés, j'ai décidé de créer un projet complet autour de cette passion: DevTheory.
Plus de 17 000 développeurs JS font confiance à DevTheory
Près de 170 vidéos pour un total de 800.000 vues, cette chaine a su convaincre un très grand nombre de développeurs JS francophones.
Voir la chaine YouTube