Welche Plugins gibt es für React?

Zu den React-Plugins gehören: 1. Redux, das eine vorhersehbare Zustandsverwaltung ermöglicht; 2. MobX, das die Zustandsverwaltung durch funktionale reaktive Programmierung einfach und skalierbar macht; 3. Redux Thunk, die asynchrone Verarbeitungs-Middleware; Flow-Lösung basierend auf Redux und Redux-Saga; 5. Ant Design, eine React-UI-Komponentenbibliothek; 6. React-Icons, eine umfangreiche Symbolbibliothek basierend auf React;

Die Betriebsumgebung dieses Tutorials: Windows 7-System, React18-Version, Dell G3-Computer.

Um die Effizienz bei der Entwicklung von React-Projekten zu verbessern, finden Sie hier eine Zusammenfassung einiger häufig verwendeter Plug-Ins für React-Projekte. 1. Zustandsverwaltung Middleware

Redux Saga: Redux-Middleware, die zum Verwalten von Anwendungsnebeneffekten verwendet wird (Nebeneffekte wie asynchrone Erfassung von Daten, Zugriff auf den Browser-Cache usw.)

Dva: eine auf Datenfluss basierende Lösung für Redux und Redux-Saga

• 2. UI-Komponentenbibliothek

Ant Design: React UI-Komponentenbibliothek basierend auf dem Ant Design-Designsystem, die hauptsächlich zur Entwicklung von Middle- und Back-End-Produkten auf Unternehmensebene verwendet wird
Ant Design Mobile: React UI-Bibliothek für mobile Komponenten basierend auf dem Ant Design-Designsystem
MaterialUI: Die weltweit beliebteste React UI-Bibliothek basierend auf Texturdesign

React Toolbox: Eine Reihe von Funktionen mit CSS-Modulen React Komponenten, die die Material Design-Spezifikation von Google implementieren.

React Virtualized: eine React-Lösung, die große Listen und Tabellen rendern kann.
Fabric UI: eine Sammlung von Microsofts Open-Source-UX-Frameworks zum Erstellen von gemeinsamem Code, Designs und schöner plattformübergreifender Gestaltung Apps für interaktives Verhalten
React Desktop: Eine React-basierte JavaScript-Bibliothek, die entwickelt wurde, um ein natives Desktop-Erlebnis ins Web zu bringen, mit vielen enthaltenen macOS Sierra- und Windows 10-Komponenten. React-Desktop ist perfekt in NW.js und Electron.js integriert, kann aber in jedem JavaScript-gesteuerten Projekt verwendet werden
Zent: Youzans React-Implementierung der PC-seitigen WebUI-Spezifikation bietet einen vollständigen Satz grundlegender UI-Komponenten und einige häufig verwendete Geschäftskomponenten to-clipboard Schneidebrettkomponente
qrcode.react: Reaktionsbasierte Komponente zum Generieren von QR-Codes
nprogress: Top-Fortschrittsbalkenkomponente, geeignet für YouTube, Medium usw.
react-syntax-highlighter: Reaktionsbasierte Code-Hervorhebungskomponente

• 4. Datenvisualisierung Gebrauchsfertige visuelle Komponentenbibliothek

• recharts: eine benutzerdefinierte Diagrammbibliothek, die mit React und D3 erstellt wurde

• Viser: eine Visualisierungsbibliothek, die eine Vielzahl gängiger Frameworks unterstützt

5, Animation/Bewegung Effekte

• Halogen: Eine Sammlung von Ladeanimationen mit React

• react-move: Wunderschöne, datengesteuerte React-Animationen in nur 3,5 KB (gzip)

• react-spring: Eine Sammlung von Ladeanimationen Animationen basierend auf der Federphysik Animationsbibliothek

• Ant Motion: Bietet Einzelelement-, Kombinationsanimationen und einen vollständigen Satz von Animationslösungen

• scenejs: Animationsbibliothek basierend auf JavaScript und CSS-Timeline

• react-text- Schleife: Textkarussell-Animation

6, Ziehen/Sortieren

react-beautiful-dnd: schöne, tragbare Listen-Drag-Bibliothek

• react-dnd: hilft uns beim Aufbau einer komplexen Drag-and-Drop-Schnittstelle unter Beibehaltung der Trennung der Komponenten

• mixitup: eine leistungsstarke Bibliothek zum Sortieren von Listenkarten.

7, Bildverarbeitung

react-image-crop: eine leistungsstarke Bibliothek zum Zuschneiden von Bildern Daten generieren automatisch Trendliniendom-to-image: eine Canvas-Bibliothek, die Bilder basierend auf DOM generiert

• react-img-editor: Bildeditor

  8. Editor bezogen auf den Editor React-Codemirror2: Code-Editor: JSON-Editor: H5-Seiteneditor

react-amap: Amap-Plug-in@uiw/react-baidu-map: Baidu-Karte

10, Gerüst

• React-App erstellen: Ein Muss für React Kinderleichtes Gerüst für Wissenschaftler

• Next.js: Erstellen Sie ein serverseitiges Rendering-React-Gerüst

• umi: Front-End-Anwendungsframework auf Unternehmensebene

• webpack3_react: Kompatibel mit IE9+ und bietet ein vollständiges React Familien-Eimer-Lösung

【Verwandte Empfehlungen: Redis-Video-Tutorial】

Das obige ist der detaillierte Inhalt vonWelche Plugins gibt es für React?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!