Beginnen Sie schnell mit den React-Grundlagen

• Kapitel1 Virtuelles DOM und JSX
• 1-1 Einführung in React
• 1-2 Kleiner Fall reagieren
• 1-3 Zwei Möglichkeiten, einen virtuellen Dom zu erstellen
• 1-4 Virtuelles DOM und echtes DOM
• 1-5 jsx-Syntaxregeln
• 1-6 jsx kleine Übungen
• Kapitel2 Komponentenorientierte Programmierung
• 2-1 Installation der Entwicklertools
• 2-2 Komponenten und Module
• 2-3 Funktionskomponenten
• 2-4 Überprüfen Sie relevantes Wissen
• 2-5 Klassenkomponente
• Kapitel3 Status des Komponentenkernattributs
• 3-1 Staatsverständnis
• 3-2 Status initialisieren
• 3-3 Ereignisbindung in React
• 3-4 Dies in der Methode in der Klasse
• 3-5 Lösen Sie das Problem dieses Zeigens in der Klasse
• 3-6 Verwendung von setState
• 3-7 Abkürzung für Staat
• 3-8 Zustand zusammenfassen
• Kapitel4 Requisiten für Komponentenkernattribute
• 4-1 Grundlegende Verwendung von Requisiten
• 4-2 Übergeben Sie Requisiten stapelweise
• 4-3 Beschränken Sie die Requisiten
• 4-4 Abkürzung für Requisiten
• 4-5 Konstruktoren und Requisiten in Klassenkomponenten
• 4-6 Funktionskomponenten verwenden Requisiten
• 4-7 Zusammenfassung Requisiten
• Kapitel5 refs, das Kernattribut der Komponente
• 5-1 ref in String-Form
• 5-2 ref im Rückrufformular
• 5-3 Problem mit der Anzahl der Anrufe in der Rückrufreferenz
• 5-4 Verwendung von createRef
• 5-5 Zusammenfassungref
• Kapitel6 Ereignisse und Formulardaten
• 6-1 Event-Handling
• 6-2 unkontrollierte Komponenten
• 6-3 gesteuerte Komponenten
• 6-4 Funktionen höherer Ordnung und Funktionscurrying
• 6-5 Schreiben ohne Curry
• Kapitel7 Komponentenlebenszyklus (1)
• 7-1 Lebenszyklus führen
• 7-2 Lebenszyklus (alt)_Komponentenmontageprozess
• 7-3 Lebenszyklus (alt)_setState-Prozess
• 7-4 Lebenszyklus (alt)_forceUpdate-Prozess
• 7-5 Renderprozess der übergeordneten Komponente
• 7-6 Zusammenfassung Lebenszyklus (alt)
• Kapitel8 Komponentenlebenszyklus (2)
• 8-1 Vergleichen Sie den alten und den neuen Lebenszyklus
• 8-2 getDerivedStateFromProps
• 8-3 getSnapshotBeforeUpdate
• 8-4 10 getSnapshotBeforeUpdate-Fall
• 8-5 Zusammenfassung Lebenszyklus (neu)
• 8-6 DOM-Differenzalgorithmus
• Kapitel9 Gerüst
• 9-1 Reaktionsgerüst initialisieren
• 9-2 Gerüstdateiintroduction_public
• 9-3 Gerüstdateiintroduction_src
• 9-4 Eine einfache Hello-Komponente
• 9-5 Modularität des Stils
• 9-6 Tastenkombinationen in WebStorm
• 9-7 Komponentenkodierungsprozess
• Kapitel10 TodoList-Fall
• 10-1 TodoList case_static-Komponente
• 10-2 Dynamische Initialisierungsliste
• 10-3 Aufgaben hinzufügen
• 10-4 Mausbewegungseffekt
• 10-5 Aktivieren und deaktivieren Sie die Option
• 10-6 Beschränken Sie die Requisiten
• 10-7 Eine Aufgabe löschen
• 10-8 Implementieren Sie die untere Funktion
• 10-9 Zusammenfassung des TodoList-Falls
• Kapitel11 Douban-Filmsuchfall
• 11-1 Scaffolding-Konfigurationsagent 1
• 11-2 Scaffolding-Konfigurationsagent 2
• 11-3 Douban-Filmsuche case_static Komponente
• 11-4 Douban-Filmsuche case_axios Anfrage senden
• 11-5 Douban-Filmsuche case_display data
• 11-6 Douban-Filmsuche case_completed case
• 11-7 Douban-Filmsuche, case_message-Abonnement und Veröffentlichung_pubsub
• 11-8 Douban-Filmsuche case_fetch Anfrage senden
• 11-9 Douban-Filmsuche case_summary
• Kapitel12 Reagieren Sie auf den Router
• 12-1 Verständnis von SPA-Anwendungen
• 12-2 Verständnis für Routing
• 12-3 Front-End-Routing-Prinzip
• 12-4 Grundlegende Verwendung des Routings
• 12-5 Routing-Komponenten und allgemeine Komponenten
• 12-6 Verwendung von NavLink
• 12-7 Kapselung von NavLink-Komponenten
• 12-8 Verwendung von Switch
• 12-9 Lösen Sie das Problem des Stilverlusts
• 12-10 Fuzzy-Matching und striktes Matching von Routen
• 12-11 Verwendung von Redirect
• 12-12 Verschachteltes Routing
• 12-13 Übergeben Sie params-Parameter an Routing-Komponenten
• 12-14 Übergeben Sie Suchparameter an Routing-Komponenten
• 12-15 Übergeben Sie den Statusparameter an die Routing-Komponente
• 12-16 Zusammenfassung der Routing-Parameter
• 12-17 drücken und antworten
• 12-18 Programmatische Routennavigation
• 12-19 Verwendung von withRouter
• 12-20 BrowserRouter与HashRouter
• Kapitel13 UI-Komponentenbibliothek und andere
• 13-1 Grundlegende Verwendung von antd
• 13-2 On-Demand-Einführung des Antd-Stils
• 13-3 benutzerdefiniertes AntD-Theme
• Kapitel14 Zustandsmanagement-Redux
• 14-1 Einführung in Redux
• 14-2 Redux-Workflow
• 14-3 Summieren der case_pure-Reaktionsversion
• 14-4 Summieren der optimierten Version von case_redux
• 14-5 Summieren der Vollversion von case_redux
• 14-6 Summierende case_asynchronous-Aktionsversion
• 14-7 Verständnis von React-Redux
• 14-8 Verbinden Sie Containerkomponenten und UI-Komponenten
• 14-9 Grundlegende Verwendung von React-Redux
• 14-10 Optimierung 1_Abkürzung mapDispatch
• 14-11 Optimieren Sie die Verwendung der 2_Provider-Komponente
• 14-12 Optimierung 3_Integrieren Sie UI-Komponenten und Containerkomponenten
• 14-13 Komponente „Datenfreigabe_Schreibende Person“.
• 14-14 Datenfreigabe_Schreiben des Reduzierers der Personenkomponente
• 14-15 Datenfreigabe_Vollständige Datenfreigabe
• 14-16 reine Funktion
• 14-17 Redux-Entwicklertools
• 14-18 endgültige Version
• 14-19 Projekt packen und ausführen
• Kapitel15 Expandieren
• 15-1 Erweiterung 1_setState
• 15-2 Erweiterung 2_lazyLoad
• 15-3 Erweiterung 3_stateHook
• 15-4 Erweiterung 4_EffectHook
• 15-5 Erweiterung 5_RefHook
• 15-6 Erweiterung 6_Fragment
• 15-7 Erweiterung 7_Context
• 15-8 Erweiterung 8_PureComponent
• 15-9 Erweiterung 9_renderProps
• 15-10 Erweiterung 10_ErrorBoundary
• 15-11 Zusammenfassung der Kommunikationsmethoden zwischen Komponenten