03 20 61 95 06

Formation Développer des applications avec React.js, Redux et Zustand (individualisée et personnalisée)


  • F2RZ
  • Durée : 3 jours
  • Tarif : 2175 € HT

96%

Taux de satisfaction clients
(sur 1375 évaluations du 19/05/21 au 19/03/24)

Voir les avis

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.

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

Dernière mise à jour

Programme mis à jour le 14 mars 2024
enveloppe Cette formation vous intéresse ? Contactez-nous

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.

Formations modulables

Toutes nos formations sont disponibles en présentiel comme en distanciel, en mode coaching individuel ou en groupe de 3 à 6 participants maximum.

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.
modules

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
29 avril 2024
17 juin 2024
05 août 2024
23 septembre 2024

Cette formation vous intéresse ? Contactez-nous !

    Les données personnelles collectées sont destinées à Access IT Company et utilisées pour traiter votre demande et, lorsque vous ne vous y êtes pas opposé, vous communiquer nos offres commerciales. Les données obligatoires vous sont signalées sur le formulaire par un astérisque. L’accès aux données est strictement limité par Access IT Company aux collaborateurs en charge du traitement de votre demande. Conformément au Règlement européen n°2016/679/UE du 27 avril 2016 sur la protection des données personnelles et à la loi « informatique et libertés » du 6 janvier 1978 modifiée, vous bénéficiez d’un droit d’accès, de rectification, d’effacement, de portabilité et de limitation du traitement des donnés vous concernant ainsi que du droit de communiquer des directives sur le sort de vos données après votre mort. Vous avez également la possibilité de vous opposer au traitement des données vous concernant. Vous pouvez exercer vos droits en contactant le DPO à l’adresse suivante : [email protected] ou à l’adresse postale suivante 2, Allée Lavoisier, 59650 Villeneuve d’Ascq. Pour plus d’informations sur le traitement de vos données personnelles par Access IT Company, veuillez consulter notre politique de confidentialité disponible sur notre site internet à l’adresse suivante : https://formation.access-it.fr/politique-de-confidentialite/