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

Sparks


Tout l'IT, vraiment tout
Voir la fiche entreprise

Tarif

A partir de 3 250,00 €

Durée 5 jours
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Sparks


Tout l'IT, vraiment tout
Voir la fiche

Tarif

A partir de 3 250,00 €

Durée 5 jours
Modes
  • Centre
  • Entreprise
  • Distance
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

Connaissances avancées en JavaScript. Expérience en développement web.

Public

Architectes logiciels,

Ces formations pourraient vous intéresser

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
  • Entreprise

Formation React Avancé

Proposé par Sparks

Objectifs de la formation

  • Analyser les performances et optimiser les applications React
  • Maîtriser les techniques de gestion avancée des états avec les hooks
  • Implémenter les mécanismes de sécurité et d'authentification dans les applications React
  • Etendre les fonctionnalités des applications React en utilisant des bibliothèques et APIs
  • Concevoir des tests unitaires et d'intégration avancés
Tarif

A partir de 1 950,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise
  • Distance

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
  • Distance
  • Centre

Objectifs de la formation

Construire une application web fullstack avec la MERN Stack : MongoDB, Express.js, React et Node.js
Tarif

A partir de 5 475,00 €

Durée

10j / 70h

Modes
  • Centre
  • Entreprise
  • Distance

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
  • Entreprise
  • Distance
  • Centre

Formation Redux

Proposé par Sparks

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
  • Centre
  • Entreprise
  • Distance

Formation React Native

Proposé par Sparks

Objectifs de la formation

  • Comprendre l'architecture React Native
  • Créer des composants basiques
  • Maîtriser la mise en page avec Flexbox
  • Implémenter l'architecture Flux et Redux
  • Utiliser la navigation et les animations
  • Gérer les formulaires et les données
  • Utiliser les API et modules natifs
Tarif

A partir de 2 600,00 €

Durée

4 jours

Modes
  • Centre
  • Entreprise
  • Distance

Formation React

Proposé par Sparks

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
  • Centre
  • Entreprise
  • Distance

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
  • Centre
  • Distance

Objectifs de la formation

Découvrir React.js et Redux
Tarif

A partir de 2 750,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...