Tutorial zum React Family Bucket

• Kapitel1 Kapitel eins
• 1-1 Einführung zum Reagieren
• 1-2 HalloReact-Fall
• 1-3 Zwei Möglichkeiten zum Erstellen eines virtuellen DOM
• 1-4 Virtuelles DOM und echtes DOM
• 1-5 jsx-Syntaxregeln
• 1-6 jsx kleine Übungen
• 1-7 Komponenten und Module
• 1-8 Installation von Entwicklertools
• 1-9 Funktionskomponenten
• 1-10 Überprüfen Sie relevantes Wissen
• Kapitel2 Kapitel Zwei
• 2-1 Klassenkomponente
• 2-2 Staatsverständnis
• 2-3 Zustand initialisieren
• 2-4 Ereignisbindung in React
• 2-5 Dies in der Methode in der Klasse
• 2-6 Lösen Sie das Problem dieses Zeigens in der Klasse
• 2-7 Verwendung von setState
• 2-8 Abkürzung für Staat
• 2-9 Zustand zusammenfassen
• 2-10 Grundlegende Verwendung von Requisiten
• Kapitel3 drittes Kapitel
• 3-1 Übergeben Sie Requisiten stapelweise
• 3-2 Beschränken Sie die Requisiten
• 3-3 Abkürzung für Requisiten
• 3-4 Konstruktoren und Requisiten in Klassenkomponenten
• 3-5 Funktionskomponenten verwenden Requisiten
• 3-6 Zusammenfassung Requisiten
• 3-7 ref in String-Form
• 3-8 ref im Rückrufformular
• 3-9 Problem mit der Anzahl der Anrufe in der Rückrufreferenz
• 3-10 Verwendung von createRef
• Kapitel4 Kapitel Vier
• 4-1 Zusammenfassungref
• 4-2 Ereignisbehandlung in React
• 4-3 unkontrollierte Komponenten
• 4-4 gesteuerte Komponenten
• 4-5 Funktionscurrying von Funktionen höherer Ordnung
• 4-6 Schreiben ohne Curry
• 4-7 Lebenszyklus führen
• 4-8 Lebenszyklus (alter) Komponentenmontageprozess
• 4-9 Lebenszyklus (alter) setState-Prozess
• 4-10 Lebenszyklus (alter) ForceUpdate-Prozess
• Kapitel5 Kapitel fünf
• 5-1 Lebenszyklus (alter) Renderprozess der übergeordneten Komponente
• 5-2 Zusammenfassung Lebenszyklus (alt)
• 5-3 Vergleichen Sie den alten und den neuen Lebenszyklus
• 5-4 getDerivedStateFromProps
• 5-5 getSnapshotBeforeUpdate
• 5-6 getSnapshotBeforeUpdate-Beispiel
• 5-7 Zusammenfassung Lebenszyklus (neu)
• 5-8 DOM-Differenzalgorithmus
• 5-9 Reaktionsgerüst initialisieren
• 5-10 Einführung in die Scaffolding-Datei öffentlich
• Kapitel6 Kapitel sechs
• 6-1 Einführung in die Scaffolding-Datei src
• 6-2 Eine einfache Hello-Komponente
• 6-3 Modularität des Stils
• 6-4 Installation des React-Plug-Ins in vscode
• 6-5 Komponentenkodierungsprozess
• 6-6 Statische TodoList-Fallkomponente
• 6-7 Dynamische Initialisierungsliste für TodoList-Fälle
• 6-8 TodoList-Fall fügt Todo hinzu
• 6-9 TodoList-Fall-Mausbewegung wird wirksam
• 6-10 Der TodoList-Fall fügt eine Todo hinzu
• Kapitel7 Kapitel VII
• 7-1 Der TodoList-Fall begrenzt die Requisiten
• 7-2 Der TodoList-Fall löscht eine Todo
• 7-3 Der TodoList-Fall implementiert die untere Funktion
• 7-4 TodoList-Fallzusammenfassung TodoList-Fall
• 7-5 Scaffolding-Konfigurationsagent-Methode 1
• 7-6 Scaffolding-Konfigurationsagent-Methode 2
• 7-7 Github-Suchfall statische Komponenten
• 7-8 Github-Suche, Fall, Axios, Anfrage senden
• 7-9 Github-Suchfallanzeigedaten
• 7-10 Github-Suchfall-Abschlussfall
• Kapitel8 Kapitel acht
• 8-1 Nachrichtenabonnement- und Veröffentlichungstechnologie pubsub
• 8-2 fetch sendet Anfrage
• 8-3 Zusammenfassung der Github-Suchfälle
• 8-4 Verständnis von SPA-Anwendungen
• 8-5 Verständnis für Routing
• 8-6 Front-End-Routing-Prinzip
• 8-7 Grundlegende Verwendung des Routings
• 8-8 Routing-Komponenten und allgemeine Komponenten
• 8-9 Verwendung von NavLink
• 8-10 Kapselung von NavLink-Komponenten
• Kapitel9 Kapitel neun
• 9-1 Verwendung von Switch
• 9-2 Lösen Sie das Problem des Stilverlusts
• 9-3 Fuzzy-Matching und striktes Matching von Routen
• 9-4 Verwendung von Redirect
• 9-5 Verschachteltes Routing
• 9-6 Übergeben Sie params-Parameter an Routing-Komponenten
• 9-7 Übergeben Sie Suchparameter an Routing-Komponenten
• 9-8 Übergeben Sie Statusparameter an Routing-Komponenten
• 9-9 Zusammenfassung der Routing-Parameter
• 9-10 drücken und antworten
• Kapitel10 Kapitel Zehn
• 10-1 Programmatische Routennavigation
• 10-2 Verwendung von withRouter
• 10-3 BrowserRouter与HashRouter
• 10-4 Grundlegende Verwendung von antd
• 10-5 On-Demand-Einführung des Antd-Stils
• 10-6 benutzerdefiniertes AntD-Theme
• 10-7 Einführung in Redux
• 10-8 Redux-Workflow
• 10-9 Reine Reaktionsversion des Summationsfalls
• 10-10 Sum Case Redux Lite-Version
• Kapitel11 Kapitel 11
• 11-1 Sum Case Redux Vollversion
• 11-2 Asynchrone Aktionsversion des Summationsfalls
• 11-3 Verständnis von React-Redux
• 11-4 Verbinden Sie Containerkomponenten und UI-Komponenten
• 11-5 Grundlegende Verwendung von React-Redux
• 11-6 Optimierung 1 Abkürzung mapDispatch
• 11-7 Optimieren Sie die Verwendung der 2Provider-Komponente
• 11-8 Optimierung 3 Integrieren Sie UI-Komponenten und Containerkomponenten
• 11-9 Datenaustausch und Schreiben von Personenkomponenten
• 11-10 Datenfreigabe und Schreiben des Reduzierers der Personenkomponente
• Kapitel12 Kapitel 12
• 12-1 Der Datenaustausch vervollständigt den Datenaustausch
• 12-2 reine Funktion
• 12-3 Redux-Entwicklertools
• 12-4 endgültige Version
• 12-5 Projekt packen und ausführen
• 12-6 Erweitern Sie 1setState
• 12-7 Erweiterung 2lazyLoad
• 12-8 3stateHook erweitern
• 12-9 Erweitern Sie 4EffectHook
• 12-10 5RefHook verlängern
• Kapitel13 Kapitel 13
• 13-1 Erweitern Sie 6Fragment
• 13-2 Erweitern Sie 7Context
• 13-3 Erweitern Sie 8PureComponent
• 13-4 Erweitern Sie 9renderProps
• 13-5 Erweitern Sie 10ErrorBoundary
• 13-6 Zusammenfassung der Kommunikationsmethoden zwischen Komponenten