Formation React
React est une bibliothèque JavaScript permettant la création d'applications web. En suivant notre formation React, vous apprendrez à manipuler efficacement cette bibliothèque développée par Facebook. Cette formation pour apprendre à coder avec ReactJS vous permettra de développer des interfaces utilisateurs web qualitatives et simplifiées. Au cours de la formation React.js, vous apprendrez à maîtriser la syntaxe React, ses fonctionnalités et ses principaux composants. Vous saurez également utiliser des outils comme Flux ou Redux, ainsi qu'utiliser NodeJS pour l'isomorphisme sous React. Suivez cette formation React à distance ou en présentiel grâce à Sparks.
Proposé par
Sparks
Objectifs pédagogiques
- 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
Programme de la formation
Présentation générale
Les frameworks Web et leur écosystème
Le Data-Binding 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
Composants objets vs composants fonctions
Les composants React
Les boucles de rendu
Les propriétés Props et States des composants
Gestion d’évènements
Contrôler les composants de formulaire
La composition par ensembles
Cycle de vie d’un composant
La notion de hooks et de contect
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 ReduxToolkit
Les Contexts React
Routage sous React
Introduction à React Router
Les principes de Router
Installer React Router
Organiser les routes
Autres solutions
Tests unitaires
Retour sur les tests unitaires et leur importance dans le développement logiciel
Présentation d’outils de test populaires pour React (Jest, Enzyme, etc.)
Créer des tests pour vos composants React
Tester les états et les propriétés des composants
Simuler des évènements pour tester les interactions utilisateur
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
Proposé par
Sparks
"Tout l'IT, vraiment tout"
Proposé par
Sparks
