React
- Générer notre application React à l'aide de create-react-app
- Installer l’extension React Developer Tools
- Organisation de nos répertoires et choix d’un IDE
- Création de notre composant racine
- Utiliser notre composant App
- Créer un composant enfant “Form”
- Créer un composant enfant “ItemList”
- Utiliser des composants enfants depuis un composant parent
- 'stateless functional components' et 'class based components'
- Transformer un 'stateless functional component' en 'class based component'
- Gérer les événements du DOM
- Modifier l'état d'un composant
- Modifier l'état d'un composant (suite)
- Gérer la soumission du formulaire
- Passer des données d'un composant parent vers un composant enfant
- Ajouter un item à l'état du composant parent
- Vider le formulaire après soumission
- Passer les articles au composant ItemList
- Afficher le contenu d'un tableau
- La règle du parent unique dans du JSX
- Ajouter (twitter) bootstrap
- Importer des CSS dans un composant
- Résumé de la partie React
Redux
- A quoi sert Redux ?
- Premier principe de Redux
- Deuxième principe de Redux
- Le troisième principe de Redux
- Avec Redux, l'état est 'immutable' (non-modifiable)
- Avec Redux, le store ne contient pas de logique
- Créer un store Redux
- Création de notre premier reducer
- L'API de store
- Responsabilité supplémentaire des ‘container components’
- Faire le lien entre React et Redux à l'aide de 'React Redux'
- Redux DevTools
- Tester notre reducer
- Connecter un “container component” à notre Redux store
- mapStateToProps
- Dispatcher des actions sans recourir à mapDispatchToProps
- Exposer des actions via mapDispatchToProps
- Action creators
- Créer un composant “Article”
- Modifier un article
- Modifier un article (suite)
- Modifier un article (fin)
Bonus
- Bonus : coupon vers des formations complémentaires
