React est un framework JavaScript largement utilisé pour la création d’interfaces utilisateur interactives et réactives. Il offer aux développeurs la possibilité de créer des composants réutilisables, simplifiant ainsi le développement et la maintenance. De plus, il permet de réduire les problèmes liés aux performances, offrant une expérience de développement plus fluide.
Durée
7,0 heures
Tarif régulier
250 $
Objectifs de la formation
L’objectif de ce cours est donc vous apprendre à écrire et à exécuter une application React.Clientèle visée
InformaticiensPréalables
Des connaissances avancées sur le langage JavaScript sont nécessairesFormateurs
Information à venir
Architecture de la formation
Introduction
• Objectifs du module
• Comparatif des frameworks
• Historique
• Présentation
• Conclusion
• Objectifs du module
• Comparatif des frameworks
• Historique
• Présentation
• Conclusion
Ce module vous propose la consultation d’une vidéo d’une durée de 00h05.
Installation
• Objectifs du module
• Installation de Node.js
• Installation de WebStorm
• Création d’un premier projet
• Structure de base du premier projet
• Démonstration – Installation et création du premier projet
• Conclusion
Installation
• Objectifs du module
• Installation de Node.js
• Installation de WebStorm
• Création d’un premier projet
• Structure de base du premier projet
• Démonstration – Installation et création du premier projet
• Conclusion
Ce module vous propose la consultation d’une vidéo d’une durée de 00h07.
Les composants
• Objectifs du module
• Introduction à JSX
• Le composant variable
• Le composant fonction
• Le composant classe
• Les props
• Les listes et les clés
• Démonstration – Création d’un composant
• TP à réaliser
• Correction TP 1/2
• Correction TP 2/2
• Conclusion
Les composants
• Objectifs du module
• Introduction à JSX
• Le composant variable
• Le composant fonction
• Le composant classe
• Les props
• Les listes et les clés
• Démonstration – Création d’un composant
• TP à réaliser
• Correction TP 1/2
• Correction TP 2/2
• Conclusion
Ce module vous propose la consultation d’une vidéo d’une durée de 00h42.
Dynamiser un projet
• Objectifs du module
• La gestion basique des états
• Les évènements
• Le cycle de vie d’un composant
• L’affichage conditionnel
• Démonstration – Gestion des états
• TP à réaliser
• Correction TP 1/2
• Correction TP 2/2
• Conclusion
Ce module vous propose la consultation d’une vidéo d’une durée de 00h48.
Les formulaires
• Objectifs du module
• Gestion basique des formulaires
• Formulaires contrôlés
• Validation des données et sécurité
• Démonstration – Gestion des formulaires
• TP à réaliser
• Correction TP 1/3
• Correction TP 2/3
• Correction TP 3/3
• Conclusion
• Objectifs du module
• Gestion basique des formulaires
• Formulaires contrôlés
• Validation des données et sécurité
• Démonstration – Gestion des formulaires
• TP à réaliser
• Correction TP 1/3
• Correction TP 2/3
• Correction TP 3/3
• Conclusion
Ce module vous propose la consultation d’une vidéo d’une durée de 01h30.
Programmation fonctionnelle et hooks
• Objectifs du module
• Introduction à la programmation fonctionnelle
• Hook d’état
• Hook d’effet
• Hook de référence
• Hook personnalisé et autres hooks
• Optimisation des états
• Démonstration – Gestion des formulaires en programmation fonctionnelle 1/2
• Démonstration – Gestion des formulaires en programmation fonctionnelle 2/2
• TP à réaliser
• Correction TP 1/2
• Correction TP 2/2
• Conclusion
Ce module vous propose la consultation d’une vidéo d’une durée de 01h29.
React Router
• Objectifs du module
• Introduction à React Router
• BrowserRouter, Routes et Route
• Route not found et route avec params
• Le composant Link
• Les hooks de React Router
• Démonstration – Utilisation de React Router
• TP à réaliser
• Correction TP 1/2
• Correction TP 2/2
• Conclusion
Ce module vous propose la consultation d’une vidéo d’une durée de 01h07.
• Objectifs du module
• Introduction à React Router
• BrowserRouter, Routes et Route
• Route not found et route avec params
• Le composant Link
• Les hooks de React Router
• Démonstration – Utilisation de React Router
• TP à réaliser
• Correction TP 1/2
• Correction TP 2/2
• Conclusion
Ce module vous propose la consultation d’une vidéo d’une durée de 01h07.
Contexte applicatif
• Objectifs du module
• Introduction au contexte applicatif
• API Context
• Les reducers
• Redux Toolkit
• Les slices et wrapping du contexte
• Récupérer et modifier les valeurs dans le store
• Démonstration – Contexte avec API Context
• Démonstration – Contexte avec Redux Toolkit
• TP à réaliser
• Correction du TP
• Conclusion
• Objectifs du module
• Introduction au contexte applicatif
• API Context
• Les reducers
• Redux Toolkit
• Les slices et wrapping du contexte
• Récupérer et modifier les valeurs dans le store
• Démonstration – Contexte avec API Context
• Démonstration – Contexte avec Redux Toolkit
• TP à réaliser
• Correction du TP
• Conclusion
Notes relatives à la formation
Formation 100% à distance. Accessible en tout temps de n’importe où. Un an d’accès à la formation et au manuel numérique.
Formation en entreprise
Toutes nos formations peuvent être offertes en entreprise et personnalisées selon vos besoins. Pour plus d'information, nous vous invitons à communiquer avec nous ou à remplir une demande de soumission en ligne.
Demander une soumissionDurée
7,0 heures
Tarif régulier
250 $
Formation en entreprise
Toutes nos formations peuvent être offertes en entreprise et personnalisées selon vos besoins. Pour plus d'information, nous vous invitons à communiquer avec nous ou à remplir une demande de soumission en ligne.
Demander une soumission