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

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

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

Objectifs de la formation

  • Comprendre les particularités du framework Svelte et ses différences majeures avec Angular, React ou Vue
  • Maîtriser la syntaxe et les fonctionnalités de base du framework
  • S'approprier les meilleures pratiques pour créer des composants
  • Comprendre comment développer des applications rapides et réactives
  • Utiliser les stores
  • Construire et gérer une application jusqu'au déploiement avec SvelteKit
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

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

  • 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

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Développer et publier une application mobile native Android et iOS sur les stores
  • Programmer avec React Native
  • Gérer l'état avec Redux
  • Gérer l'environnement et les outils de développement mobile.
Tarif

A partir de 1 220,00 €

Durée

2j / 14h

Modes
  • Centre
  • Distance

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

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

Je cherche à faire...