A l’issue de la formation, l’apprenant sera capable de :
Maîtriser le framework React
Créer des applications évolutives pour le WEB
Création d’applications se connectant à des API serveurs
Accélérer la mise en production des applications
Faciliter le travail en équipe et la maintenance des applications
Partager la donnée via Zustand
Utiliser les bonnes pratiques pour développer.
- Développement
- Développement web
Formation Développer des applications avec React.js, Redux et Zustand
Objectifs
Certification
Prérequis
Connaitre le HTML et le CSS
Connaître le JavaScript
Avoir de bonnes notions en POO
Un entretien en amont avec notre expert permet de prendre en compte le profil de chaque participant (niveau, objectifs et résultats attendus, contexte professionnel, enjeux…) et d’adapter le contenu de la formation si besoin
Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.
Public
Développeurs
Formation(s) associée(s)
- Cursus de formation de Symfony à ReactJs/Redux
- Formation React.JS devenir un développeur front end Reactjs niveau Débutant
- Formation JavaScript perfectionnement
- Formation React.JS Avancé
- Formation devenez un développeur Full Stack avec React.js et Node.js
- Formation développement Front End React.js niveau 2
- Formation Firebase avec React.js
- TRAINING MERN STACK
- Formation NextJS 15
Dernière mise à jour
Programme mis à jour le 25 octobre 2024
Bon à savoir
Evaluez votre niveau
Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.
Sessions garanties
La majorité de nos sessions proposées en distanciel sont garanties. Elles peuvent être enregistrées à la demande.
Travaux pratiques
Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Nous proposons également de travailler sur vos données pour une meilleure expérience.
Les Modules
de formation
Module1
Introduction et rappels ES6
• Outils et IDE (Integrated Development Environment)
• L’extension du navigateur React Developer Tools
• Packaging, npm
• Rappels ES6 : let, const, classes, interfaces, modules, fonctions arrow
Module2
Le framework ReactJS
• Principes de base et comparaison avec les autres frameworks
• Philosophie « composant »
• Workflows de développement : from scratch, intégration à une application Web existant
• Le DOM virtuel
Module3
Le JSX et les composants
• Définition d’un élément React
• Liaison avec le DOM (ReactDOM.render())
• Syntaxe JSX
• Les composants : définition et intérêt
• Composants en mode classe et composants fonctionnels
• Imbrication de composants
Module4
Les props
• Définition des props et transmission de données
• Accéder aux props
• La props.children
Module5
Le routing et la navigation
• Construire une SPA (Single Page Application) avec react-router-dom (version 6)
• Le router, les liens, les routes, le switch
• Les paramètres d’URL et les navigations imbriquées
Module6
Les Hooks
• Définition et comparaison avec les composants en mode « classe »
• Hooks d’état (useState) et d’effet (useEffect)
• Règles des Hooks et custom Hooks
Module7
Syntaxe des évènements dans le JSX
• Gestion des méthodes d’évènement (handlers)
• Contenu conditionnel et raccourcis (opérateur &&, opérateur ternaire)
Module8
Listes et raccourcis (map, filter)
• Les clés (key) et le DOM virtuel
• Les fragments
• Etat du composant et composants contrôlés
• Gestion des formulaires et refs
Module9
Gestion des formulaires avancés
• Utilisation de bibliothèques comme Formik ou React Hook Form
• Validation des formulaires avec Yup ou autres bibliothèques
Module10
Stylisation et CSS en React
• CSS-in-JS avec Styled Components ou Emotion
• Frameworks CSS comme Material UI ou Prime en React
• CSS Modules et préprocesseurs comme SASS/SCSS
Module11
Partage de la donnée dans une application React
• Problème de la gestion d’état
• Contexts
• Introduction à Redux
• Les actions, les reducers et le store
• Utilisation de Zustand
• Création de stores globaux pour la gestion d’état
• Gestion de l’état partagé entre composants
Module12
Introduction aux tests unitaires
• Le framework Jest (setup, teardown, describe, it)
• La React Testing Library (cleanup, render, fireEvent)
• Tests d’intégration et tests end-to-end
• Utilisation de Cypress pour les tests E2E
• Mocking et tests avec des API
Module13
React Query (équivalent SWR)
• Principes de Base de React Query :
• Fetching de Données
• Mutations et Invalidations
• Gestion du Cache et Synchronisation
• Optimisations et Configurations Avancées
Module14
Introduction à Next.js
• Routing et Pages :
• Data Fetching
• Optimisations de Performances :
• API Routes et Middleware :
• Déploiement et Scalabilité :
• Intégration avec d’autres outils et bibliothèques
Module15
Optimisation des performances
• Techniques pour optimiser les performances des applications React
• Utilisation de React.memo, useCallback, et useMemo
• Lazy loading avec React.lazy et Suspense
Les prochaines
sessions de formation
Sur demande
Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous
19 mai 2025
15 juillet 2025
08 septembre 2025
10 novembre 2025
