Englische Dokumentation: https://material-ui.comReacts UI-Frameworks umfassen: Material-UI (UI-Interface-Framework basierend auf React), React-Bootstrap, Ant-Design, Semantic-UI-React, React Desktop, Blueprint, Grommet usw. An ReactJS angepasste UI-Komponentenbibliothek Es ist auch eines der ersten UI-Toolsets für React. Verwenden Sie es, um schnell eine ansprechende Anwendungsoberfläche zu erstellen.
Chinesische Dokumentation: http://design.1sters.com
Github: https://github.com/mui-org/material-ui
2. React-Bootstrap
React-Bootstrap ist eine wiederverwendbare Front-End-Komponentenbibliothek. React-Bootstrap ist eine Bibliothek, die Bootstrap basierend auf ReactJS kapselt.
Offizielle Website: https://react-bootstrap.github.io
Github: https://github.com/react-bootstrap/react-bootstrap/
3. Ameisen-Design
Wenn es um Ameisen-Design geht, denken Sie vielleicht an den „Weihnachtsei“-Unfall, der sich vor einiger Zeit ereignete. Ant-design ist eine vom Alibaba-Team erstellte ReactUI-Komponentenbibliothek. Hat seinen eigenen einzigartigen Designstil und sein eigenes Konzept. Es wurde in vielen Alibaba-Projekten wie Alipay und Ant Financial eingesetzt. Die Komponentisierung ist von sehr hoher Qualität und funktioniert sofort.
4、Semantic-UI-React
Die offizielle React-Komponente von Semantic-UI
Offizielle Website: https://react.semantic-ui.com/
5, React Desktop
Offizielle Website: http://reactdesktop.js.org/docs/ Github: https://github.com/gabrielbull/react-desktop
6, Blueprint
Blueprint bietet eine Reihe von ReactUI-Komponenten, die häufig verwendete Elemente, Muster und Webinteraktionen enthalten. Es eignet sich zum Aufbau komplexer und datenintensiver Webschnittstellen für Desktop-Anwendungen. Seine Komponenten sind in TypeScript geschrieben und in Sass gestaltet, um einen schnellen und flexiblen Entwicklungsprozess zu ermöglichen.
Offizielle Website: https://apiblueprint.org Github: https://github.com/gabrielbull/react-desktop
7, Fabric
Fabric ist ein Tool zum Erstellen von Office-ähnlicher Software und React-Komponentenbibliothek im Office 365-Stil. Es handelt sich um eine der offiziellen Office-Bibliotheken, die in TypeScript geschrieben sind. Sie können alle Office-Komponenten sehen, einschließlich Einführungsleitfäden für die Entwicklung, Blogs, offizielle Farben und Schriftarten usw.
Offizielle Website: https://fabric-chs.readthedocs.io/zh_CN/chs/ Github: https://github.com/fabric/fabric/
8, Rebass
Rebass It Enthält 60 Komponenten und ist eine UI-Bibliothek und ein UI-Designsystem.
Offizielle Website: https://rebassjs.org Github: https://github.com/rebassjs/rebass
9 ein Mobile-First-Cross-Screen-Frontend-Framework. Bietet grundlegende Stile, Raster, Tabellen, Formulare, Schaltflächen und allgemeine Komponentenstile. Es ist ein leichtes (ca. 100 kB nach CSS und JS gzip), 
Mobile First
Github: https://github.com/zordius / lightncandy
10、React Grommet
Grommet ist eine React-Komponentenbibliothek, die großen Wert auf Erfahrung legt. Alle Komponenten sind zugänglich, browserübergreifend kompatibel und unterstützen die Anpassung von Themes. Durch die Konfiguration von Attributen kann auch die Flexibilität der Komponente weiter verbessert werden
Offizielle Website-Adresse: https://v2.grommet.io
Github: https://github.com/grommet/grommet
11, React-Toolbox
Eine Reihe von React-Komponenten, die CSS-Module verwenden, um Google Material Design zu implementieren.
Haben Sie von CSS-Modulen gehört? React-Toolbox hängt davon ab. Sie können damit nur das CSS verwenden, das Sie benötigen, ohne Tools wie Purify-CSS verwenden zu müssen. Darüber hinaus ist React-Toolbox ein hochgradig anpassbares Framework mit über 30 sofort einsatzbereiten Komponenten.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmieren lernen! !
Das obige ist der detaillierte Inhalt vonWelche UI-Frameworks hat React?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
