Formation React et Redux
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
- Savoir utiliser React et Redux pour les applications Web
- Comprendre React, le modèle VMC et le cycle de vie
- Gérer l'interactivité des composants React, le routage et l'isomorphisme
- Utiliser Flux et Redux pour les applications Web monopages
- Connaître les fonctions React pour l'utilisation avec Redux
- Maîtriser les React Hooks
- Savoir utiliser Redux, connaître son pattern et ses fonctionnalités
| Tarif |
A partir de 3 250,00 € |
| Durée | 5 jours |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 3 250,00 € |
| Durée | 5 jours |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
React, ou ReactJS est un framework JavaScript dédié à la création d'applications web. Afin d'améliorer l'utilisation du framework de Facebook ReactJS, déjà très performant, il existe une librairie JavaScript parfaitement adaptée. Il s'agit de Redux, qui fonctionne comme un conteneur d'état pour les applications Web. A travers cette formation React + Redux de 5 jours, vous apprendrez à utiliser le framework JS React et à le combiner avec Redux pour structurer votre programme et le débugger facilement et rapidement.
Programme
Présentation générale
Les frameworks Web et leur écosystème
Le DataBinding et l’immutabilité: les principes
Les Transpilers
L’environnement de développement React
Présentation et syntaxe du langage JSX
Introduction à React
Tour d’horizon de l’histoire de React
Positionnement de React sur le marché
La philosophie de React et les principaux concepts
Le modèle MVC, accent mis sur le « V »
Virtual DOM
Les principales méthodes de l’API
Cycle de vie de React
Gestion des états de composant en utilisant Render Function
Création de composants de vues
Interactivité des composants React
Gestion d’évènements
L’autobinding et la délégation
La composition par ensembles
Le Design Pattern
Les propriétés Props et States des composants
Le component Data Flow
Manipulation du DOM
Contrôler les composants de formulaire
Les composants à état
Les Composants réutilisables
Routage sous React
Introduction à React Router
Les principes de Router
Installer React Router
Organiser les routes
Autres solutions
React et Isomorphisme
Les principes du développement isomorphique avec React
Quels bénéfices de développer avec React?
Le JavaScript côté serveur: écosystème
Introduction à NodeJS
Configurer NodeJS pour React
Quelques concepts avancés
Le framework React Native pour les applications mobiles
Le développement natif pour le mobile et la tablette
Composants natifs
Migration d’une application vers React
Flux et Redux pour les applications Web monopages
Introduction à Flux, Redux
Propager les données
Création de vues et de contrôleurs
Le rôle du dispatcher
Le store et les actions
L’approche avec Redux
React pour Redux
props vs state
lifecycle
communication intercomposants
mise en forme CSS
React Hooks
Function component vs class component
Quand utiliser les hooks ?
useState pour accéder au state
useEffect pour le cycle de vie
Composer ses propres hooks
Redux avancé
pourquoi utiliser un store pour son application ?
le pattern flux
les reducers, actions creators, selectors
intégration avec React
gérer ses sideeffects avec reduxthunk
utilisation de Redux Toolkit
Prérequis
Public
Ces formations pourraient vous intéresser
Formation - React Native - Développer des applications mobiles natives pour iOS et Android
Proposé par IB CegosObjectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Expliquer les principes du Data-Binding et de l'immutabilité
- Installer l'environnement de développement React
- Utiliser la syntaxe JSX
- Comparer les composants objets et fonctions
- Mettre en œuvre Flux et Redux pour les applications Web monopages
- Configurer le routage avec React Router
- Créer des tests unitaires pour les composants React
- Migrer une application vers React
| Tarif |
A partir de 1 950,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Mettre en oeuvre Redux Toolkit et refondre une application Redux existante en utilisant Redux Toolkit
- Utiliser React Query et l'intégrer dans une application pour récupérer et gérer les données d'une API
- Gérer des PWA (Progressive Web Apps) avec React
- Mémoïser et optimiser des performances avec React
- Ecrire des tests avancés pour une application React
- Migrer une application React utilisant REST vers GraphQL
- Reconnaître les notions avancées telles que la gestion des contextes et des providers
- Utiliser Portals pour le rendu de modales et tooltips
- Gérer les erreurs avec les composants "Error Boundary"
- Mettre en oeuvre les notions avancées dans une application React.
| Tarif |
A partir de 1 220,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Concrètement, à l'issue de ce cours React Avancé, vous serez en mesure de :
- Améliorer la qualité de votre code pour une meilleure maintenance
- Optimiser et mettre en œuvre les bonnes pratiques du développement d’applications React
- Connaître et appliquer les techniques et designs patterns avancés
- Optimiser les performances
- Connaître les technologies autour de React
| Tarif |
A partir de 1 700,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Industrialiser, structurer et optimiser vos développements d’applications Web JavaScript en utilisant la bibliothèque React
- Mettre en œuvre les concepts de la programmation fonctionnelle et déclarative
- Mettre en place une architecture de gestion d’état de l’application avec Redux
| Tarif |
A partir de 2 490,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Mettre en œuvre les concepts de la programmation fonctionnelle et déclarative
- Installer et configurer un projet React
- Développer des interfaces utilisateurs à base de composants
- Gérer la navigation au sein de l’application
- Mettre en place une architecture de gestion d’état de l’application avec Redux
- Tester le code et les composants
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Utiliser le conteneur d'état Redux
- Maîtriser les composants React pour Redux
- Comprendre les React Hooks
- Connaître toutes les fonctionnalités de Redux et savoir les utiliser
| Tarif |
A partir de 1 400,00 € |
| Durée |
2 jours |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Vous familiariser avec la syntaxe et les fonctionnalités ES6
- Présenter les principes de base du framework ReactJS
- Expliquer la syntaxe JSX, la définition et l'intérêt des composants
- Décrire le concept de props (propriétés) et leur utilisation
- Présenter le fonctionnement de la navigation avec React et le router react-router-dom
- Présenter les Hooks
- Gérer les évènements et rendu conditionnel dans le JSX
- Créer des listes, utiliser des fragments et gérer les formulaires avec React
- Décrire le concept de Redux
- Expliquer les perspectives et mettre en oeuvre les bonnes pratiques.
| Tarif |
A partir de 1 830,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Comprendre le fonctionnement interne d'Angular
- Être capable d'étudier les possibilités avancées du framework
- Apprendre à déployer des applications optimisées
- Comprendre comment développer des Progressive WebApps
| Tarif |
A partir de 2 050,00 € |
| Durée |
3j / 21h |
| Modes |
|
