Tutoriel sur le bucket familial React

Introduction pour réagir

bonjour, réagir au cas

Deux façons de créer un DOM virtuel

DOM virtuel et DOM réel

règles de syntaxe jsx

jsx petits exercices

Composants et modules

Installation d'outils de développement

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 en réaction

composants incontrôlés

composants contrôlés

Curry de fonctions de fonctions d'ordre supérieur

Écrire sans curry

Cycle de vie du plomb

Processus de montage des composants du cycle de vie (ancien)

Cycle de vie (ancien) processus setState

Cycle de vie (ancien) processus forceUpdate

Processus de rendu du composant parent du cycle de vie (ancien)

Cycle de vie récapitulatif (ancien)

Comparez les anciens et les nouveaux cycles de vie

getDerivedStateFromProps

getSnapshotBeforeUpdate

Exemple getSnapshotBeforeUpdate

Cycle de vie résumé (nouveau)

Algorithme de différence DOM

Initialiser l'échafaudage de réaction

Introduction publique du dossier d'échafaudage

Introduction au fichier d'échafaudage src

Un simple composant Hello

Modularité du style

Installation du plug-in React dans vscode

Processus de codage des composants

Composant statique du cas TodoList

Liste d'initialisation dynamique du cas TodoList

Le cas TodoList ajoute une tâche à faire

Déplacement de la souris du cas TodoList en vigueur

Le cas TodoList ajoute une tâche à faire

Le cas TodoList limite les accessoires

Le cas TodoList supprime une tâche

Le cas TodoList implémente la fonction inférieure

Résumé du cas TodoListCas TodoList

Méthode d'agent de configuration d'échafaudage 1

Méthode 2 de l'agent de configuration d'échafaudage

composants statiques du cas de recherche github

cas de recherche github axios envoyer une demande

Données d'affichage du cas de recherche Github

cas d'achèvement du cas de recherche github

Technologie d'abonnement et de publication de messages pubsub

récupérer envoie la demande

Résumé des cas de recherche github

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

Version pure réaction du cas de sommation

Sum case redux version allégée

Sum case redux version complète

Version d'action asynchrone du cas de sommation

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 2Provider

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

Partage de données et écriture de composants Personne

Partage de données et écriture du réducteur du composant Personne

Le partage de données complète le partage de données

fonction pure

outils de développement Redux

version finale

Package et exécution du projet

Étendre 1setState

Extension 2lazyLoad

Étendre 3stateHook

Étendre 4EffectHook

Étendre 5RefHook

Étendre 6Fragment

Étendre 7Contexte

Étendre 8PureComponent

Étendre 9renderProps

Étendre 10ErrorBoundary

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