1-1 Introduction à Réagir

1-2 Réagir petit cas

1-3 Deux façons de créer un Dom virtuel

1-4 DOM virtuel et DOM réel

1-5 règles de syntaxe jsx

1-6 jsx petits exercices

2-1 Installation des outils de développement

2-2 Composants et modules

2-3 Composants fonctionnels

2-4 Réviser les connaissances associées

2-5 composant de classe

3-1 compréhension de l'état

3-2 Initialiser l'état

3-3 Liaison d'événement en réaction

3-4 ceci dans la méthode dans la classe

3-5 Résoudre le problème de ce pointage en classe

3-6 Utilisation de setState

3-7 abréviation d'état

3-8 résumer l'état

4-1 Utilisation de base des accessoires

4-2 Passer les accessoires par lots

4-3 Limiter les accessoires

4-4 abréviation de accessoires

4-5 Constructeurs et accessoires dans les composants de classe

4-6 Les composants fonctionnels utilisent des accessoires

4-7 Accessoires de résumé

5-1 référence sous forme de chaîne

5-2 ref sous forme de rappel

5-3 Problème avec le nombre d'appels dans la réf de rappel

5-4 Utilisation de createRef

5-5 résuméréf

6-1 gestion des événements

6-2 composants incontrôlés

6-3 composants contrôlés

6-4 Fonctions d'ordre supérieur et curry de fonctions

6-5 Écrire sans curry

7-1 Cycle de vie du plomb

7-2 Cycle de vie (ancien)_processus de montage des composants

7-3 Cycle de vie (ancien)_processus setState

7-4 Cycle de vie (ancien)_processus forceUpdate

7-5 Processus de rendu du composant parent

7-6 Cycle de vie récapitulatif (ancien)

8-1 Comparez les anciens et les nouveaux cycles de vie

8-2 getDerivedStateFromProps

8-3 getSnapshotBeforeUpdate

8-4 10 Cas getSnapshotBeforeUpdate

8-5 Cycle de vie récapitulatif (nouveau)

8-6 Algorithme de différence DOM

9-1 Initialiser l'échafaudage de réaction

9-2 Fichier d'échafaudage introduction_public

9-3 Fichier d'échafaudage introduction_src

9-4 Un simple composant Hello

9-5 Modularité du style

9-6 Touches de raccourci dans WebStorm

9-7 Processus de codage des composants

10-1 Composant TodoList case_static

10-2 Liste d'initialisation dynamique

10-3 ajouter une tâche

10-4 Effet de déplacement de la souris

10-5 Cocher et décocher

10-6 Limiter les accessoires

10-7 Supprimer une tâche

10-8 Implémenter la fonction inférieure

10-9 Résumé du cas TodoList

11-1 Agent de configuration d'échafaudage 1

11-2 Agent de configuration d'échafaudage 2

11-3 Composant case_static de recherche de film Douban

11-4 Recherche de film Douban case_axios envoyer la demande

11-5 Recherche de films Douban case_display data

11-6 Case de recherche de film Douban_cas terminé

11-7 Recherche de film Douban case_message abonnement et Publishing_pubsub

11-8 Recherche de film Douban case_fetch envoyer la demande

11-9 Recherche de film Douban case_summary

12-1 Compréhension des applications SPA

12-2 Compréhension du routage

12-3 Principe de routage frontal

12-4 Utilisation de base du routage

12-5 Composants de routage et composants généraux

12-6 Utilisation de NavLink

12-7 Encapsulation des composants NavLink

12-8 Utilisation du commutateur

12-9 Résoudre le problème de la perte de style

12-10 Correspondance floue et correspondance stricte des itinéraires

12-11 Utilisation de la redirection

12-12 Routage imbriqué

12-13 Transmettre les paramètres params aux composants de routage

12-14 Transmettre les paramètres de recherche aux composants de routage

12-15 Transmettez le paramètre d'état au composant de routage

12-16 Paramètres de routage récapitulatifs

12-17 pousser et répondre

12-18 Navigation d'itinéraire programmatique

12-19 Utilisation de withRouter

12-20 BrowserRouter与HashRouter

13-1 Utilisation de base de antd

13-2 Introduction à la demande du style antd

13-3 et thème personnalisé

14-1 Introduction au redux

14-2 flux de travail redux

14-3 Résumer la version case_Pure React

14-4 Résumer la version simplifiée de case_redux

14-5 Résumer la version complète de case_redux

14-6 Somme de la version d'action case_asynchrone

14-7 Compréhension de réagir-redux

14-8 Connecter les composants du conteneur et les composants de l'interface utilisateur

14-9 Utilisation de base de React-Redux

14-10 Optimisation 1_Abréviation mapDispatch

14-11 Optimiser l'utilisation du composant 2_Provider

14-12 Optimisation 3_Intégrer les composants de l'interface utilisateur et les composants du conteneur

14-13 Composant de personne partage de données_écriture

14-14 Data Sharing_Writing le réducteur du composant Person

14-15 Partage de données_Partage complet des données

14-16 fonction pure

14-17 outils de développement Redux

14-18 version finale

14-19 Package et exécution du projet

15-1 Extension 1_setState

15-2 Extension 2_lazyLoad

15-3 Extension 3_stateHook

15-4 Extension 4_EffectHook

15-5 Extension 5_RefHook

15-6 Extension 6_Fragment

15-7 Extension 7_Contexte

15-8 Extension 8_PureComponent

15-9 Extension 9_renderProps

15-10 Extension 10_ErrorBoundary

15-11 Résumé des méthodes de communication entre les composants