Introduction à Réagir

Réagir petit cas

Deux façons de créer un Dom virtuel

DOM virtuel et DOM réel

règles de syntaxe jsx

jsx petits exercices

Installation des outils de développement

Composants et modules

Composants fonctionnels

Réviser les connaissances associées

composant de classe

compréhension de l'état

Initialiser l'état

Liaison d'événement en réaction

ceci dans la méthode dans la classe

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

Utilisation de setState

abréviation d'état

résumer l'état

Utilisation de base des accessoires

Passer les accessoires par lots

Limiter les accessoires

abréviation de accessoires

Constructeurs et accessoires dans les composants de classe

Les composants fonctionnels utilisent des accessoires

Accessoires de résumé

référence sous forme de chaîne

ref sous forme de rappel

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

Utilisation de createRef

résuméréf

gestion des événements

composants incontrôlés

composants contrôlés

Fonctions d'ordre supérieur et curry de fonctions

Écrire sans curry

Cycle de vie du plomb

Cycle de vie (ancien)_processus de montage des composants

Cycle de vie (ancien)_processus setState

Cycle de vie (ancien)_processus forceUpdate

Processus de rendu du composant parent

Cycle de vie récapitulatif (ancien)

Comparez les anciens et les nouveaux cycles de vie

getDerivedStateFromProps

getSnapshotBeforeUpdate

10 Cas getSnapshotBeforeUpdate

Cycle de vie récapitulatif (nouveau)

Algorithme de différence DOM

Initialiser l'échafaudage de réaction

Fichier d'échafaudage introduction_public

Fichier d'échafaudage introduction_src

Un simple composant Hello

Modularité du style

Touches de raccourci dans WebStorm

Processus de codage des composants

Composant TodoList case_static

Liste d'initialisation dynamique

ajouter une tâche

Effet de déplacement de la souris

Cocher et décocher

Limiter les accessoires

Supprimer une tâche

Implémenter la fonction inférieure

Résumé du cas TodoList

Agent de configuration d'échafaudage 1

Agent de configuration d'échafaudage 2

Composant case_static de recherche de film Douban

Recherche de film Douban case_axios envoyer la demande

Recherche de films Douban case_display data

Case de recherche de film Douban_cas terminé

Recherche de film Douban case_message abonnement et Publishing_pubsub

Recherche de film Douban case_fetch envoyer la demande

Recherche de film Douban case_summary

Compréhension des applications SPA

Compréhension du routage

Principe de routage frontal

Utilisation de base du routage

Composants de routage et composants généraux

Utilisation de NavLink

Encapsulation des composants NavLink

Utilisation du commutateur

Résoudre le problème de la perte de style

Correspondance floue et correspondance stricte des itinéraires

Utilisation de la redirection

Routage imbriqué

Transmettre les paramètres params aux composants de routage

Transmettre les paramètres de recherche aux composants de routage

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

Paramètres de routage récapitulatifs

pousser et répondre

Navigation d'itinéraire programmatique

Utilisation de withRouter

BrowserRouter与HashRouter

Utilisation de base de antd

Introduction à la demande du style antd

et thème personnalisé

Introduction au redux

flux de travail redux

Résumer la version case_Pure React

Résumer la version simplifiée de case_redux

Résumer la version complète de case_redux

Somme de la version d'action case_asynchrone

Compréhension de réagir-redux

Connecter les composants du conteneur et les composants de l'interface utilisateur

Utilisation de base de React-Redux

Optimisation 1_Abréviation mapDispatch

Optimiser l'utilisation du composant 2_Provider

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

Composant de personne partage de données_écriture

Data Sharing_Writing le réducteur du composant Person

Partage de données_Partage complet des données

fonction pure

outils de développement Redux

version finale

Package et exécution du projet

Extension 1_setState

Extension 2_lazyLoad

Extension 3_stateHook

Extension 4_EffectHook

Extension 5_RefHook

Extension 6_Fragment

Extension 7_Contexte

Extension 8_PureComponent

Extension 9_renderProps

Extension 10_ErrorBoundary

Résumé des méthodes de communication entre les composants