Welche UI-Frameworks hat React?

Reacts 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.

Englische Dokumentation: https://material-ui.com

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

Chinesische Dokumentation: http://react.tgwoo.com

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.

Offizielle Website: https://ant.design/docs/react/introduce-cn

Github: https://github.com/ant-design/ant-design/

4、Semantic-UI-React

Die offizielle React-Komponente von Semantic-UI

Semantic-UI-React verfügt über fast alle nützlichen Komponenten in Semantic-UI und verfügt außerdem über eine sehr gute deklarative API, Kurzschrift-Requisiten für React-Komponenten und ist jQuery-frei.

Offizielle Website: https://react.semantic-ui.com/

5, React Desktop

Eine ReactUI-Komponentenbibliothek für MacOS Sierra- und Windows10-Desktopstile. React-Desktop ist eine UI-Komponente für plattformübergreifende Desktop-Anwendungen. Sie finden darauf UI-Komponenten, die sowohl für Mac OS als auch für Windows 10 verfügbar sind.

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

Front-End-Framework

Offizielle Website-Adresse: http://amazeui.org/

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!