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
Étudiant
Prix
2175 €
Durée
21h
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
Développeur Web et Web Mobile - Développement Web
À DISTANCE
Finançable CPF
Nous contacter
À distance
Tout public
Avis du centre
.
Centre Européen de Formation
RNCP37674 : Développeur Web et Web Mobile - Titre d'État
LESPINASSE
Finançable CPF
Nous contacter
À distance / En alternance / En entreprise
Salarié en poste / Demandeur d'emploi / Entreprise
PCWORKS31
R Niveau 2 - Développeur - Création de packages
À DISTANCE
Finançable CPF
2990 €
À distance
Salarié en poste / Entreprise
ThinkR
HTML5 / CSS Initiation (Distanciel / présentiel)
PARIS 15E
Non finançable CPF
1419 €
À distance / En centre / En entreprise
Salarié en poste / Entreprise
APCL Formation & Coaching
Créer et gérer son site e-commerce avec Shopify
À DISTANCE
Finançable CPF
1890 €
À distance
Salarié en poste / Demandeur d'emploi / Entreprise
AMZ Academy
WordPress
À DISTANCE
Finançable CPF
770 €
À distance
Salarié en poste / Demandeur d'emploi / Entreprise
You Web Formation
Les formations les plus recherchées
Formation Toulouse
Formation Paris
Formation Nantes
Formation Strasbourg
Formation Bordeaux
Formation Lille
Formation Rennes
Formation Montpellier
Formation Angers
Formation Dijon
Formation Web CPF
Formation Web en ligne
Formation Creation site internet CPF
Formation Creation site internet en ligne
Formation Devops
Formation Developpeur web
Formation Webmarketing
Formation Webmaster
Formation Digital
Formation Responsable digital
Formation Integrateur web
Formation Chef de projet web
Formation Instagram
Formation Reseaux sociaux
Formation Devops Nantes
Formation Developpeur web Nantes
Formation Devops Toulouse
Formation Developpeur web Toulouse
Formation Devops Paris
Formation Devops Puteaux
Formation Developpeur web Paris
Formation Webmarketing Toulouse
Formation Digital Toulouse
Formation Responsable digital Toulouse