Web
5$/h – React JS – Avancé
Objectifs:
Ce cours avancé en React.js approfondit les compétences des développeuses et développeurs dans l’utilisation des Hooks, la gestion d’état avec Redux, l’intégration d’API externes, et les design patterns essentiels. En mettant l’accent sur l’optimisation des performances et l’application de bonnes pratiques, il prépare les personnes participantes à créer des applications frontend robustes et évolutives, tout en renforçant leur compréhension des concepts avancés de React pour des développements efficaces et modernes.
Contenu du cours:
Préparation de l’environnement de travail
- Installation de Node.js et npm
- Configuration de l’environnement de développement
- Création d’un projet React
- Installation des extensions nécessaires
- Exercice
Concepts de base de React
- Introduction à React
- Composants React
- Cycle de vie des composants
- Rendu conditionnel et gestion des événements
- Hooks fondamentaux React
- Exercice
Composants avancés et Hooks personnalisés
- Utilisation avancée des Hooks
- Optimisation des performances avec Memoization
- Exercice
Routage avancé avec React Router
- Configuration de React Router
- Routage dynamique avec paramètres
- Protection des routes par authentification
- Gestion des erreurs
- Exercice
Gestion d’état avancée avec Redux
- Introduction à Redux
- Utilisation de Redux dans une application React
- Exercice
Gestion des formulaires avancée avec Formik et Yup
- Utilisation de Formik pour les formulaires
- Validation des données avec Yup
- Exercice
Appels des services web et API avec Axios
- Utilisation Axios pour des requêtes HTTP
- Exercice
Tests avancés et bonnes pratiques
- Stratégies de test avancées avec Jest et React Testing Library
- Bonnes pratiques de développement React
Projet final : Développement d’une application web moderne
Préalables
- Posséder une bonne compréhension des concepts de JavaScript moderne (ES6+).
- Maîtriser les concepts de base React.js, les composants, les propriétés (props) et les états (state) ou avoir complété la formation React JS.