Installer l’extension React Developer Tools | codeconcept

Autoplay
Autocomplete

Vidéo précédente Terminer et continuer

React et Redux par la pratique

React

Générer notre application React à l'aide de create-react-app (4:32)
Installer l’extension React Developer Tools (1:42)
Organisation de nos répertoires et choix d’un IDE (2:02)
Création de notre composant racine (4:11)
Utiliser notre composant App (4:40)
Créer un composant enfant “Form” (4:02)
Créer un composant enfant “ItemList” (1:39)
Utiliser des composants enfants depuis un composant parent (2:28)
'stateless functional components' et 'class based components' (1:51)
Transformer un 'stateless functional component' en 'class based component' (4:29)
Gérer les événements du DOM (5:33)
Modifier l'état d'un composant (4:28)
Modifier l'état d'un composant (suite) (1:54)
Gérer la soumission du formulaire (4:05)
Passer des données d'un composant parent vers un composant enfant (5:46)
Ajouter un item à l'état du composant parent (9:10)
Vider le formulaire après soumission (1:46)
Passer les articles au composant ItemList (1:46)
Afficher le contenu d'un tableau (6:47)
La règle du parent unique dans du JSX (1:46)
Ajouter (twitter) bootstrap (1:33)
Importer des CSS dans un composant (4:42)
Résumé de la partie React (5:00)

Redux

A quoi sert Redux ? (1:18)
Premier principe de Redux (0:49)
Deuxième principe de Redux (3:54)
Troisième principe de Redux (5:10)
Avec Redux, l'état est 'immutable' (non-modifiable) (4:02)
Avec Redux, le store ne contient pas de logique (1:13)
Créer un store Redux (5:16)
Création de notre premier reducer (11:24)
L'API de store (0:47)
Responsabilité supplémentaire des ‘container components’ (0:56)
Faire le lien entre React et Redux à l'aide de 'React Redux' (2:24)
Redux DevTools (1:53)
Tester notre reducer (5:22)
Connecter un “container component” à notre Redux store (7:08)
mapStateToProps (7:09)
Dispatcher des actions sans recourir à mapDispatchToProps (2:58)
Exposer des actions via mapDispatchToProps (7:44)
Action creators (1:49)
Créer un composant “Article” (4:53)
Modifier un article (5:02)
Modifier un article (suite) (8:09)
Modifier un article (fin) (9:25)

Installer l’extension React Developer Tools

Terminer et continuer

Discussion

0 commentaires