Formation React.js — composants, hooks et React Compiler
Apprenez à créer des applications web interactives avec React.js. Une formation complète pour développer des applications modernes, claires et efficaces, même sans être expert en code.
En résumé
Durée :
3 jours (21h)Réf :
B-WF-RJ V1 du 08/07/2025Prix :
1 950€ HTPour qui est cette formation ? :
Développeur web familier avec HTML, JavaScript et CSS
DevOps souhaitant monter en compétences sur React
Développeur back-end souhaitant évoluer vers le front-end
Développeur mobile souhaitant élargir ses compétences au web
Pré-requis :
Aucune connaissance particulièreProchaine session :
- 2026-09-09
- 2026-11-04
Programme de la formation
Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
- Créer une application React.js
- Savoir utiliser les outils de développements
- Développer des interfaces utilisateurs
- Tester les composants
- Mettre en place une architecture avec Redux
PROGRAMME
1. Javascript
- Historique
- ES5 / ES2024 / ES2025
- Callback vs Promise vs Async/Await
- Mise en pratique: Installation de l'environnement de développement et Manipulation langage JavaScript
Objectif opérationnel : Rafraichir les connaissances de la prochaine génération de Javascript (ES)
Moyen d’évaluation : QCM
2. Présentation de React.js
- Historique du framework
- Utilisation de Vite
- Comprendre la structure du projet React
- Syntaxe JSX/TSX
- Premiers composants ( Render, Props, State, … )
- Introduction au React Compiler - optimisations automatiques
- Mise en pratique : Dans un projet initialisé, manipulation simple de composants
Objectif opérationnel : Découvrir la syntaxe du JSX et avoir une idée sur ce que c’est un composant React
Moyen d’évaluation : QCM
3. Composants
- Class Components
- Functional Components
- Lifecycle and states
- Conditional rendering et listes
- Composition
- Context API
- Composants typés avec TypeScript
- Atelier : Manipuler les composants et leur cycle de vie et que la mise en page.
Objectif opérationnel : Plonger profondément dans les composants React et comprendre leurs différents types.
Moyen d’évaluation : QCM
4.React Hooks
- Présentation des Hooks
- Utiliser les hooks essentiels
- Impact du React
- Compiler sur l'utilisation des hooks
- D’autres hooks
Objectif opérationnel : Pouvoir utiliser les Hooks pour se servir des fonctionnalités de React (state, lifecycle, context...) dans des Composants fonctionnels
Moyen d’évaluation : QCM
5. Requêtes HTTP en React.js
- Comprendre les requêtes HTTP en React
- Axios vs Fetch
- Gestion des requêtes avec Async/Await
- React Query (TanStack)
- Gestion du cache, mutations, synchronisation
- Types TypeScript pour les APIs et les réponses HTTP
Objectif opérationnel : Pourvoir échanger avec un service HTTP externe pour récupérer et transmettre des données
Moyen d’évaluation : QCM
6. Router
- Pourquoi avons besoin d’un outil pour le routing entre les pages ?
- Présentation de react-router
- Atelier : Réalisation d'une application permettant de mettre en place plusieurs pages et de naviguer entre elles.
Objectif opérationnel : Pouvoir gérer des pages multiples et les lier en utilisant react-router
Moyen d’évaluation : QCM
7. Code quality
- Présentation des outils permettant de garantir la qualité d’une application React.js
- ESLint pour TypeScript et React
- Jest et React Testing Library
- Atelier : En s’appuyant sur une application réalisée précédemment, ajout des outils Esllint, Jest et Enzime
Objectif opérationnel : Écrire un code clean et valide et bien tester.
Moyen d’évaluation : QCM
Informations pratiques
- Théorie 40%
- Pratique 60%
- Lieu au choix : Centre de formation bewizyu (Nantes) / Dans vos locaux / Classe à distance
Formateur
Consultant JavaScript Web et Mobile, avec une vision très opérationnelle, en tant que développeur expérimenté d'applications mobiles Cross-Platforms.
Personnes en situation de handicap
Nos formations sont accessibles aux personnes en situation de handicap. Afin de nous permettre d’organiser le déroulement de la formation dans les meilleures conditions possibles, contactez-nous. Un entretien avec notre référent.e handicap pourra être programmé afin d’identifier les besoins et aménagements nécessaires.
Programme et catalogue peuvent être envoyés sur simple demande
Questions fréquentes
Qu'est-ce que le React Compiler ?
Le React Compiler est un outil d'optimisation automatique introduit par l'équipe React qui mémorise automatiquement les composants et les valeurs sans nécessiter l'usage manuel de useMemo ou useCallback. La formation y consacre une introduction lors de la présentation de React.js et revient sur son impact sur l'utilisation des Hooks.
Faut-il connaître JavaScript avant de suivre cette formation ?
Une connaissance de base de HTML, JavaScript et CSS est nécessaire. La formation démarre néanmoins par un module de rafraîchissement JavaScript (ES5 à ES2025, Callback, Promise, Async/Await) pour s'assurer que tous les participants ont les bases nécessaires avant d'aborder React.
Quelle est la différence entre Axios, Fetch et React Query pour les requêtes HTTP ?
Fetch est l'API native du navigateur pour les requêtes HTTP, Axios est une librairie tierce qui simplifie certains usages courants, et React Query (TanStack) est une librairie de gestion de l'état serveur qui automatise le cache, les mutations et la synchronisation des données. La formation couvre les trois approches dans son module dédié aux requêtes HTTP.
Comment la formation aborde-t-elle la qualité du code ?
Un module dédié présente les outils de qualité de code pour React et TypeScript : ESLint pour la détection d'erreurs et de mauvaises pratiques, Jest et React Testing Library pour les tests unitaires et d'intégration. Un atelier pratique consiste à ajouter ces outils à une application déjà réalisée pendant la formation.
Cette formation est-elle éligible au financement OPCO ?
Oui. Bewizyu est un organisme de formation certifié Qualiopi. La formation React.js est éligible à une prise en charge par votre OPCO. Contactez-nous pour obtenir un devis et un accompagnement dans vos démarches de financement.
La formation peut-elle se faire à distance ?
Oui. La formation est disponible en présentiel au centre Bewizyu de Nantes, dans vos locaux en intra-entreprise, ou en classe virtuelle à distance.
Formation complémentaire
Next.js est le framework de référence construit sur React. La progression naturelle après cette formation :
Dates des prochaines sessions
Septembre
Du 09/9/26 au 11/9/26
Centre de Nantes / Classe à Distance
Novembre
Du 04/11/26 au 06/11/26
Centre de Nantes / Classe à Distance