Formation React JS

Objectifs

• Maîtriser les concepts de base de ReactJS.


• Utiliser les fonctionnalités avancées d'ECMAScript 6 et TypeScript pour optimiser le code.


• Développer des applications web avec React.


• Savoir utiliser React Router pour gérer les différentes routes de l'application.


• Apprendre à organiser et à gérer l'état de l'application à l'aide des composants et des Hooks.

Programme de la formation

Module 1 : Introduction à React.js

• Présentation de React, son histoire et ses avantages.


• Concepts de base : composants, JSX, Virtual DOM.

Module 2 : JSX et syntaxe de React

• Syntaxe de JSX : balises, expressions JavaScript.


• Différences entre HTML et JSX.

Module 3 : Composants et gestion de l'état

• Composants fonctionnels vs. class-based.


• Utilisation de useState pour gérer l'état local.


• Passage de données entre composants avec les "props".

Module 4 : Méthodes de cycle de vie des composants

• Cycle de vie des composants de classe.


• Gestion des effets avec useEffect dans les composants fonctionnels.

Module 5 : Gestion des événements

• Liaison des événements avec bind et gestion d'état dynamique avec setState.

Module 6 : Rendu conditionnel

• Affichage conditionnel avec des opérateurs logiques.


• Création d'interfaces adaptatives selon l'état.

Module 7 : React Router

• Configuration et utilisation de React Router pour la navigation.


• Création de routes et liens dynamiques.

Module 8 : Introduction à Redux

• Concepts de base de Redux : Store, Actions, Reducers.


• Flux de données unidirectionnel et gestion de l'état global.

Module 9 : Gestion des Reducers et Actions

• Création de reducers et dispatch d'actions pour mettre à jour l'état.

Module 10 : Optimisation des performances

• Utilisation de React.memo, useMemo, useCallback pour améliorer les performances.

Module 11 : Déploiement d'une application React

• Préparation pour la production et déploiement sur des plateformes comme Netlify, Vercel, ou Heroku.

Validation et sanction

• Maîtriser les concepts fondamentaux de React


• Utiliser JSX efficacement


• Gérer l'état d'une application avec useState et setState


• Passer des données entre composants avec les props


• Utiliser les hooks (notamment useEffect) pour gérer les effets de bord


• Gérer les événements utilisateur


• Créer des interfaces dynamiques avec le rendu conditionnel


• Mettre en place la navigation avec React Router


• Gérer l'état global avec Redux (ou une solution alternative)


• Optimiser les performances des applications React


• Déployer une application React


• Travailler en équipe avec React


• Résoudre des problèmes courants et déboguer une application React

Type de formation

Non certifiante

Sortie

Sans niveau spécifique