Was bedeuten antd und dva in „React'?

Antd ist eine auf Ant Design basierende React-UI-Komponentenbibliothek, die hauptsächlich zur Entwicklung von Middle- und Back-End-Produkten auf Unternehmensebene verwendet wird. DVA ist eine Datenflusslösung, die auf Redux und „Redux-Saga“ basiert. in „react-router“ und fetch, die als Anwendungsframeworks verstanden werden können.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 17.0.1, Dell G3-Computer.

Was bedeuten „antd“ und „dva“ in „react“? „antd“ ist eine React-UI-Komponentenbibliothek, die auf dem Ant Design-Designsystem basiert.

Funktionen

werden aus der interaktiven Sprache und dem visuellen Stil von Middle- und Back-End-Produkten auf Unternehmensebene extrahiert.

Hochwertige React-Komponenten sofort einsatzbereit.
Erstellt mit TypeScript und stellt vollständige Typdefinitionsdateien bereit.
Full-Link-Entwicklungs- und Design-Tool-System
Anwendungsmethode

• 1. (Geben Sie den folgenden Befehl in die Befehlszeile ein)

     npm install antd --save

2. Referenzieren Sie das Plug-in im globalen Datei, zum Beispiel:

import 'antd/dist/antd.css';

3. Bei Bedarf laden (laden Sie alle benötigten Plug-Ins direkt)

 import Button from 'antd/lib/button';
        import 'antd/lib/button/style';

dva ist eine Datenflusslösung, die auf Redux und Redux-Saga basiert Dank seiner Entwicklungserfahrung verfügt DVA auch über einen integrierten React-Router und Fetch, sodass es auch als leichtes Anwendungsframework verstanden werden kann.

dva ist ein von Ant Financial eingeführtes Single-Page-Anwendungsframework, das eine Kapselung der oberen Ebene von Redux, React-Router und Redux-Saga bietet. Redux-Saga ist eine Middleware, die zum Verwalten asynchroner Vorgänge von Redux-Anwendungen verwendet wird. Redux-Saga sammelt die gesamte asynchrone Betriebslogik an einem Ort für die zentrale Verarbeitung, indem sie Sagas erstellt. Dies bedeutet, dass die Anwendung Die Logik wird an zwei Stellen vorhanden sein

(1) Der Reduzierer ist für die Verarbeitung der Phasenaktualisierung der Aktion verantwortlich

(2) Die Sagen sind für die Koordinierung dieser komplexen oder asynchronen Vorgänge verantwortlichSagas werden durch die Generatorfunktion erstellt

Sagas können als ein Prozess betrachtet werden, der im Hintergrund läuft. Sagas überwacht die initiierte Aktion und entscheidet dann basierend auf dieser Aktion, was zu tun ist (z. B. ob eine asynchrone Anfrage initiiert, andere Aktionen an den Store initiiert oder andere Sagas aufgerufen werden sollen usw.

Aufgrund der Verwendung des Generators Mit der Funktion Redux-Saga können Sie asynchronen Code auf synchrone Weise schreiben.

React-Projekt stellt Dva vor DVA-Modus, fügen Sie den Eintrag unter src File index.js hinzu oder ändern Sie ihn

Das obige ist der detaillierte Inhalt vonWas bedeuten antd und dva in „React'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!