
Formation Développer des applications avec React.j, Redux et Zustand
ACCESS IT
Non finançable CPF
Entreprise
En ligne
Public admis
Salarié en poste
Demandeur d'emploi
Entreprise
Etudiant
Prix
2175 €
Durée
21h
Niveau visé
Non diplômante
Pré-requis
Connaitre le HTML et le CSS
Connaître le JavaScript
Avoir de bonnes notions en POO
Les dossiers à financement personnel et CPF ne sont pas pris en compte.
Certifications
Datadock
Qualiopi
Le plus de la formation
Cours individuel et personnalisé à distance. Possibilité d'enregistrer la séance
Localité
En ligne
Vous pouvez suivre cette formation depuis chez vous ou depuis n’importe quel endroit à distance.
Objectifs
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.
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.
Programme
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
• 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
30 années
d'expertise
Sessions garanties
chaque mois
Plus de 96 %
des apprenants satisfaits
Centre
À propos du centre ACCESS IT
Access it est un organisme de formation français, basé à Villeneuve d'Ascq, dans la métropole Lilloise. Formé en 1993, il s'est ancré dans le paysage professionnel des Hauts-de-France et accompagne de nombreuses entreprises sur toute la France. Access it se spécialise dans les systèmes d'informations et les outils numériques et propose de nombreuses formations dans un large spectre d'actions, tels que les outils collaboratifs, le développement, l'informatique décisionnelle ou encore le Web marketing et le Digital Learning.
Access it : l'ambition de réinventer les méthodes de travail et développer le numérique
Face à une dépendance toujours plus importante des entreprises aux outils numériques, le monde du travail se retrouve face à un changement structurel d'une ampleur sans précédent. Outils collaboratifs, télétravail, réunions à distance, ... les possibilités offertes par le numérique représentent des opportunités d'un nouveau genre pour le monde professionnel. Mais, les entreprises, parfois trop peu sensibilisées à ces nouveaux sujets, se retrouvent submergées par des situations auxquelles elles ne sont pas préparées.
Afin d'aider les entreprises face à ces nouveaux enjeux, Access it se meut comme le pivot qui doit permettre aux entreprises de réussir leur virage vers la numérisation de leurs outils. À travers la formation et l'accompagnement, l'institut de formation Lillois aide les entreprises à naviguer dans cette "révolution mondiale de l’environnement de travail". À terme, comme l'explique Access it dans son manifeste, leur aspiration est de réinventer les méthodes de travail en facilitant la collaboration, les échanges et le partage. Une mission de taille, mais d'une importance capitale selon l'institut, où la formation représente une place centrale du processus de réussite.
Une reconnaissance nationale et internationale dans la qualité des formations proposées
Fort de la qualité de ses formations, Access it est récompensé par un partenariat Microsoft Gold, qui vient récompenser tout le travail fourni par l'organisme en matière de formation. L'institut Lillois possède ainsi le plus haut niveau de certification en Développement d’Application, Collaboration et Contenu, Productivité cloud et Plateforme cloud.
À l'échelle nationale, Access it fait partie du groupe HUNIK, un regroupement de cinq sociétés spécialisées dans l'ingénierie informatique, dans l'optique d'accélérer son développement et répondre à toujours plus de besoins à l'échelle de l'hexagone, notamment sur son offre de formation. En chiffres, le groupe HUNIK et Access it représentent plus de 30 ans d'expériences dans le domaine de l'informatique, quelque 22 millions d'euros de chiffre d'affaires et plus de 260 collaborateurs répartis sur tout le territoire. Résolument tourné vers la recherche, le groupe investit également énormément dans ses pôles Recherche et Développement. En effet, pour 20 millions € de chiffre d'affaires généré, HUNIK réinjecte un peu plus de 5 % du CA réinvesti dans la R&D chaque année.
Ce management des ressources, à hauteur des ambitions d'Access it et du groupe HUNIK, permet à l'institut Lillois de proposer un catalogue de plus de 900 formations à destination des particuliers et des entreprises. Pour découvrir un aperçu des formations proposées par Access it, n'hésitez pas à contacter leur offre plus en détails ci-après. Si vous cherchez une formation dans un domaine particulier de l'informatique, n'hésitez pas à contacter directement l'organisme à l'aide du formulaire de contact présent sur cette page.
Access it : l'ambition de réinventer les méthodes de travail et développer le numérique
Face à une dépendance toujours plus importante des entreprises aux outils numériques, le monde du travail se retrouve face à un changement structurel d'une ampleur sans précédent. Outils collaboratifs, télétravail, réunions à distance, ... les possibilités offertes par le numérique représentent des opportunités d'un nouveau genre pour le monde professionnel. Mais, les entreprises, parfois trop peu sensibilisées à ces nouveaux sujets, se retrouvent submergées par des situations auxquelles elles ne sont pas préparées.
Afin d'aider les entreprises face à ces nouveaux enjeux, Access it se meut comme le pivot qui doit permettre aux entreprises de réussir leur virage vers la numérisation de leurs outils. À travers la formation et l'accompagnement, l'institut de formation Lillois aide les entreprises à naviguer dans cette "révolution mondiale de l’environnement de travail". À terme, comme l'explique Access it dans son manifeste, leur aspiration est de réinventer les méthodes de travail en facilitant la collaboration, les échanges et le partage. Une mission de taille, mais d'une importance capitale selon l'institut, où la formation représente une place centrale du processus de réussite.
Une reconnaissance nationale et internationale dans la qualité des formations proposées
Fort de la qualité de ses formations, Access it est récompensé par un partenariat Microsoft Gold, qui vient récompenser tout le travail fourni par l'organisme en matière de formation. L'institut Lillois possède ainsi le plus haut niveau de certification en Développement d’Application, Collaboration et Contenu, Productivité cloud et Plateforme cloud.
À l'échelle nationale, Access it fait partie du groupe HUNIK, un regroupement de cinq sociétés spécialisées dans l'ingénierie informatique, dans l'optique d'accélérer son développement et répondre à toujours plus de besoins à l'échelle de l'hexagone, notamment sur son offre de formation. En chiffres, le groupe HUNIK et Access it représentent plus de 30 ans d'expériences dans le domaine de l'informatique, quelque 22 millions d'euros de chiffre d'affaires et plus de 260 collaborateurs répartis sur tout le territoire. Résolument tourné vers la recherche, le groupe investit également énormément dans ses pôles Recherche et Développement. En effet, pour 20 millions € de chiffre d'affaires généré, HUNIK réinjecte un peu plus de 5 % du CA réinvesti dans la R&D chaque année.
Ce management des ressources, à hauteur des ambitions d'Access it et du groupe HUNIK, permet à l'institut Lillois de proposer un catalogue de plus de 900 formations à destination des particuliers et des entreprises. Pour découvrir un aperçu des formations proposées par Access it, n'hésitez pas à contacter leur offre plus en détails ci-après. Si vous cherchez une formation dans un domaine particulier de l'informatique, n'hésitez pas à contacter directement l'organisme à l'aide du formulaire de contact présent sur cette page.
Envie d’en savoir plus sur cette formation ?
Documentez-vous sur la formation


Ces formations peuvent vous intéresser

DATA ANALYST | Titre RNCP niveau 7 Bac +5 | co-certifiée école MINES...
À DISTANCE
Avis du centre
Témoignages
Les formations les plus recherchées
Lyon
Toulouse
Marseille
Montpellier
Paris
Bordeaux
Dijon
Mâcon
Nantes
Rennes
Informatique CPF
Informatique en Ligne
Programmation
Programmation CPF
Programmation en Ligne
Creation site internet
Developpeur web
Webmaster
Integrateur web
Intelligence artificielle
Machine learning
Vba
Growth hacking
Technicien informatique
Technicien support informatique
Creation site internet Villiers-le-Bel
Developpeur web Villiers-le-Bel
Integrateur web Villiers-le-Bel
Programmation Villiers-le-Bel
Webmaster Villiers-le-Bel
Webmaster Mantes-la-Ville
Programmation Paris
Integrateur web Mantes-la-Ville
Developpeur web Paris
Creation site internet Paris