Ateliers pratiques8 semaines (240 heures)
Formation React.js
React est la bibliothèque JavaScript la plus utilisée au monde pour créer des interfaces utilisateur. Cette formation vous apprend à concevoir des applications web modernes, réactives et performantes avec React. Vous maîtriserez les composants, les hooks, la gestion d'état, le routing, et les bonnes pratiques d'architecture. Chaque module se termine par un projet pratique qui enrichit votre portfolio.
Public cible
- Développeurs JavaScript qui veulent spécialiser en front-end
- Développeurs fullstack souhaitant maîtriser le côté client
- Développeurs Angular ou Vue qui veulent élargir leur stack
- Toute personne ayant les bases de JS souhaitant créer des SPAs
Prérequis
- Bases solides en JavaScript (ES6+, DOM, async/await)
- Notions de base en HTML et CSS
- Un ordinateur avec Node.js et VS Code installés
- Comprendre le concept de composants et de props
Compétences acquises
Créer des applications React de A à Z
Maîtriser les hooks : useState, useEffect, useContext, useRef, useMemo, useCallback
Gérer un état complexe avec Context API ou Zustand
Implémenter un routing dynamique avec React Router
Travailler avec des API REST dans React
Utiliser TypeScript avec React
Tester des composants React
Optimiser les performances (memoization, lazy loading)
Déployer une application React sur Vercel ou Netlify
Programme de la formation
Module 1 — Introduction à React
- Pourquoi React et son écosystème
- Installation avec Vite
- JSX : syntaxe et différences avec HTML
- Composants fonctionnels
- Props : transmission de données parent → enfant
- Rendu conditionnel et listes
Module 2 — State et événements
- useState : gérer l'état local
- Événements en React : onClick, onChange, onSubmit
- Lifting state up (remonter l'état)
- Formulaires contrôlés et non-contrôlés
- Immutabilité de l'état
- useRef pour référencer des éléments DOM
Module 3 — Effets de bord et API
- useEffect : cycles de vie des composants
- Dépendances et nettoyage (cleanup)
- Fetch de données depuis une API REST
- Gestion du chargement et des erreurs
- Custom hooks pour réutiliser la logique
- AbortController pour annuler les requêtes
Module 4 — Routing et navigation
- React Router v6 : BrowserRouter, Routes, Route
- Paramètres dynamiques (useParams)
- Navigation programmée (useNavigate)
- Routes protégées (authentification)
- Routes imbriquées et layout routes
- 404 et redirections
Module 5 — State management avancé
- Context API : créer un contexte, Provider, Consumer
- useReducer pour la logique complexe
- Introduction à Zustand pour la gestion d'état globale
- Stratégies de normalisation des données
- Persistance d'état avec localStorage
- Gestion des side effects avec middleware
Module 6 — Performance et production
- React.memo, useMemo, useCallback
- Lazy loading avec React.lazy et Suspense
- Code splitting automatique
- Optimisation des bundles
- Testing avec React Testing Library
- Déploiement sur Vercel et Netlify
- Projet final : application React complète
Résultats attendus
- Créer des applications React professionnelles et performantes
- Maîtriser les hooks et les patterns React courants
- Architecturer des projets React de grande taille
- Être opérationnel pour un poste de développeur React
Technologies utilisées
ReactJavaScriptTypeScriptViteReact RouterZustandTailwind CSSVercel
Questions fréquentes
Faut-il apprendre React ou Next.js en premier ?
Apprenez d'abord React pour comprendre les fondamentaux (composants, hooks, state). Ensuite, passez à Next.js qui ajoute le SSR, le routing fichier et d'autres fonctionnalités pour les projets de production.
React est-il encore pertinent avec les nouveaux frameworks ?
Absolument. React reste la bibliothèque front-end la plus populaire au monde, avec la plus grande communauté, le plus d'offres d'emploi et l'écosystème le plus riche. Next.js (basé sur React) est le framework React le plus utilisé en production.
Dois-je connaître TypeScript pour cette formation ?
Non, nous intégrons TypeScript progressivement dans la formation. Les bases de React sont enseignées en JavaScript pur, puis TypeScript est introduit dans les modules avancés.
Prêt à commencer ?
Démarrer la formation React. Contactez-nous pour obtenir un devis personnalisé ou pour toute question sur la formation.