Qualiopi
Développement Frontend Moderne avec React
Créez des interfaces web dynamiques et performantes. Maîtrisez la philosophie des composants, les Hooks, la gestion d'état et la consommation d'API.
3 jours
2 100 € HT
React 18
React Router
Axios / Fetch
TypeScript
Intéressé par cette formation ?
Contactez-nous pour planifier une session.
Objectifs pédagogiques
- Créer une application web complète (SPA) avec React.
- Découper une interface en composants réutilisables.
- Gérer le cycle de vie de l'application avec les Hooks.
- Consommer des API REST externes.
- Gérer la navigation et les formulaires complexes.
Programme
Jour 1 : Les Fondamentaux de React
- Modern JS (ES6+) : Rappels essentiels (Arrow functions, Destructuring, Modules).
- Philosophie React : Virtual DOM, JSX et pensée "Composant".
- Props & State : Communication entre composants et gestion de l'état local.
- Les Hooks de base : useState, useEffect pour gérer le cycle de vie.
Jour 2 : Navigation et Formulaires
- Routing : Créer une SPA (Single Page App) avec React Router. Gestion des paramètres d'URL et redirections.
- Formulaires : Gestion des champs contrôlés (Controlled Components) et validation (React Hook Form).
- Appels API : Récupérer des données depuis un backend (fetch/axios) et gérer les états de chargement/erreur.
Jour 3 : Gestion d'état avancée et Performance
- Custom Hooks : Factoriser la logique métier.
- Context API : Partager des données globales (Thème, User) sans "Prop Drilling".
- Performance : Introduction à la mémorisation (useMemo, useCallback).
- Écosystème : Introduction à TypeScript dans React pour un code plus robuste.
Prérequis
Bonne maîtrise de HTML, CSS et JavaScript (ES6+).
Public cible
Développeurs Web, Développeurs Backend souhaitant devenir Fullstack.
Prochaines sessions
Aucune session planifiée.
Contactez-nous pour organiser une session.
Contactez-nous pour organiser une session.
Parcours associés
Prêt à vous former ?
Contactez-nous pour obtenir un devis personnalisé.