React et Redux
Tirez le meilleur de ReactJS en l'associant à Redux avec notre formation React + Redux !
Vue d'ensemble
Connaissances avancées en JavaScript.
Expérience en développement web.
Objectifs pédagogiques
Programme détaillé
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
Prochaines sessions
Avis des participants
Formation claire, structurée et directement applicable. Le formateur a pris le temps de répondre à toutes nos questions avec des exemples concrets.
Très bon équilibre entre théorie et pratique. Les exercices permettent de comprendre rapidement les concepts et de les mettre en œuvre.
Un formateur expérimenté, pédagogue et disponible. Je repars avec des méthodes et des outils que je peux utiliser immédiatement dans mon travail.
Le contenu était dense, mais très bien expliqué. Le rythme a été adapté au niveau du groupe et chacun a pu progresser.
Financement
Cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
En savoir plus sur le financementDes formateurs experts, reconnus par nos apprenants
Chez Sparks Formation, la qualité de nos formations repose sur l'expertise de nos formateurs et la satisfaction de nos apprenants.
Note moyenne attribuée par les participants à nos formateurs
formateurs experts partenaires
Sparks Formation
sujets IT délivrés chaque jour partout en France
