Informations générales
Cette formation s’adresse aux développeur·se·s web et frontend souhaitant maîtriser React pour créer des applications dynamiques et interactives.
À l’issue de cette formation, les participant·e·s seront capables de concevoir et de développer des applications React robustes, en appliquant les bonnes pratiques de développement.
Informations pratiques
- Public : Développeur·se·s web et frontend
- Prérequis : Bonnes connaissances en JavaScript, HTML, CSS
- Outils : Un ordinateur récent, une connexion internet stable, une webcam et un micro
- Durée : 4 jours ( 28 heures )
- Modalités : Distanciel en inter ou intra
- Tarif : 1700 € HT
- Accessibilité : Formation accessible aux personnes en situation de handicap permanent ou temporaire. Option de sous-titrage pour les formations à distance. Merci de nous contacter pour toute demande d’information.
- Taux de satisfaction : Aucune donnée pour le moment
Chaque formation contient au moins 50 % de pratique et 50 % de théorie.
En fin de formation, une évaluation des acquis sera réalisée via un questionnaire à choix multiple ( QCM ) pour s'assurer de la bonne acquisition des compétences visées par les objectifs de formation.
Un questionnaire de satisfaction vous sera également fourni, nous permettant de recueillir votre avis quant à la qualité de la prestation qui vous aura été délivrée.
Objectifs pédagogiques
- Créer des applications dynamiques avec React
- Développer des interfaces interactives
- Mettre en œuvre un routage avancé
- Gérer les données entre les composants et à travers l’application
Contenu de la formation
Rappels Ecmascript et Typescript
- Mise à jour sur les normes ES et plus
- Bonnes pratiques Ecmascript
- Les nouveautés ES6 et plus
- Présentation et introduction à Typescript
Présentation de React
- Histoire de React
- Alternatives : Angular, Vue, Svelte
- Les différentes architectures web
- Fonctionnement interne de React
- Outils de bundle : Vite, Webpack
- Exemple d’atelier : créer une application React
Les Composants
- Qu’est-ce qu’un composant ?
- Découverte du JSX
- L’interpolation et le data binding
- La gestion des images
- Le rendu conditionnel
- Le rendu de listes
- Exemple d’atelier : afficher une todo liste
Naviguer entre les composants
- Installation de React Router
- Configurer les routes et naviguer entre elles
- Passer des paramètres
- Redirection programmatique
- Navigation conditionnelle et guards
- Le lazy loading
- Exemple d’atelier : créer ses premières routes
Gérer les informations
- Découverte des Hooks : le hook d’état
- Gérer les événements
- Passer des informations entre les composants avec les props
- La props children
- Validation des props avec PropType
- Exemple d’atelier : créer des composants cards pour afficher sa liste de todos
Les Hooks
- Comprendre le cycle de vie de React
- Le Hook d’effet
- La mémoïsation
- Gérer les états complexes avec le reducer
- Passer des informations via le contexte
- Créer des hooks personnalisés
- Exemple d’atelier : implémenter un compteur avec des données partagées via le contexte
Intégrer les bonnes librairies
- Gestion des formulaires avec React Hook Form
- Utiliser Redux pour gérer l’état des données
- Consommer une API avec React Query
- Exemple d’atelier : créer une authentification complète en front
La Formatrice
Thaïs Labouré
Passionnée par le développement web et l'accessibilité numérique, je suis formatrice indépendante avec plusieurs années d'expérience dans la création de sites web et d'applications. Spécialisée dans la conception d'interfaces intuitives et accessibles, j'accompagne les professionnels pour les aider à maîtriser des outils et des pratiques qui allient performance et inclusivité. J'aime partager mes connaissances pour permettre à chacun de progresser dans un cadre bienveillant et stimulant.