Passer au contenu
36 h

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.