La formation en détail
Objectifs
A définir en fonction du niveau de maturité client sur React.
Objectifs standard :
- Comprendre la philosophie et le pattern React
- Comprendre le state management avec Redux
- Créer une webapp / Single Page Application avec React
Programme
Le programme est élaboré sur-mesure en fonction de la problématique client.
Ci-dessous le programme standard :
Introduction
- Historique des frameworks JS
- Description et historique de React
- Philosophie, progressivité et isomorphisme
- Virtual DOM
Démarrage TP
- Création d’une nouvelle webapp
- Build de la webapp (dev/prod)
- React Developer Tools
Composants
- Approche par composants
- Création d’un premier composant
- Syntaxe JSX
- Propriété d’un composant : Props
- Etat d’un composant : State
- Typage des props : PropTypes
- Composants stateless
- Cycle de vie du composant
Patterns
- Pattern « Render prop »
- Higher-Order Component (HOC)
- Appels REST dans un composant
Redux
- Philosophie de Redux, flow unidirectionnel
- Installation de Redux
- Actions & Reducers
- Connection d’un composant « container »
- Middlewares
Routing
- Installation de react-router-dom
- Créer des routes dans une webapp
Aller plus loin
- Internationalisation avec react-intl
- Optimisation des performances
- Hooks
- Tests unitaires
- React Native
Pré-requis
Intermédiaire
