De quels frameworks d'interface utilisateur React dispose-t-il ?

Les frameworks d'interface utilisateur de React incluent : Material-UI (framework d'interface d'interface utilisateur basé sur React), React-Bootstrap, Ant-design, Semantic-UI-React, React Desktop, Blueprint, Grommet, etc.

Bibliothèque de composants d'interface utilisateur adaptée à ReactJS

1.

Material-UI est une bibliothèque de composants React pour implémenter le cadre d'interface utilisateur de style Material Design de Google. C'est également l'un des premiers ensembles d'outils d'interface utilisateur pour React. Utilisez-le pour créer rapidement une interface d’application agréable.

Documentation anglaise : https://material-ui.com
Documentation chinoise : http://design.1sters.com
Github : https://github.com/mui-org/ materials-ui

2. React-Bootstrap

React-Bootstrap est un frontal réutilisable bibliothèque de composants. React-Bootstrap est une bibliothèque qui encapsule Bootstrap basée sur ReactJS.

Site officiel : https://react-bootstrap.github.io
Documentation chinoise : http://react.tgwoo.com
Github : https://github.com/react- bootstrap /react-bootstrap/

3. Ant-design

Quand il s'agit de Ant- design, tout le monde Vous pensez peut-être à l'incident de l'œuf de Noël survenu il y a quelque temps. Ant-design est une bibliothèque de composants ReactUI produite par l'équipe Alibaba. A son propre style et concept de conception uniques. Il a été utilisé dans de nombreux projets Alibaba tels que Alipay et Ant Financial. La composition des composants est de très haute qualité et fonctionne immédiatement.

Site officiel : https://ant.design/docs/react/introduce-cn
Github : https://github.com/ant-design/ant-design/

4. Semantic-UI-React

Le composant React officiel de Semantic-UI

Semantic-UI-React contient presque tous les composants utiles de Semantic-UI, ainsi que a une très belle API déclarative, des accessoires abrégés pour les composants React et jQuery-Free.

Site officiel : https://react.semantic-ui.com/

5. 🎜 >

Une bibliothèque de composants ReactUI pour le style de bureau MacOS Sierra et Windows 10. React-Desktop est un composant d'interface utilisateur pour les applications de bureau multiplateformes. Vous pouvez y trouver des composants d'interface utilisateur disponibles pour Mac OS et Windows 10.

Site officiel : http://reactdesktop.js.org/docs/

Github : https://github.com/gabrielbull/react-desktop

6. Blueprint

Blueprint fournit une série de composants ReactUI qui contiennent des éléments, des modèles et des interactions Web couramment utilisés. Il convient à la création d’interfaces Web complexes et gourmandes en données pour les applications de bureau. Ses composants sont écrits en TypeScript et stylisés en Sass pour un processus de développement rapide et flexible.

Site officiel : https://apiblueprint.org

Github : https://github.com/gabrielbull/react-desktop

Tissu

Fabric est une bibliothèque de composants React permettant de créer des styles de style Office et Office 365. C'est l'une des bibliothèques officielles d'Office écrites en TypeScript. Il existe tous les composants Office que vous pouvez voir, y compris les guides d'introduction au développement, les blogs, les couleurs et polices officielles, etc.

Site officiel : https://fabric-chs.readthedocs.io/zh_CN/chs/

Github : https://github.com/fabric/fabric/

8. Rebass

Rebass Il contient 60 composants et est une bibliothèque d'interface utilisateur et un système de conception d'interface utilisateur.

Site officiel : https://rebassjs.org

Github : https://github.com/rebassjs/rebass

9.

image

Amaze UI est un framework front-end multi-écrans destiné aux mobiles. Fournit des styles de base, des grilles, des tableaux, des formulaires, des boutons et des styles de composants courants. Il s'agit d'un framework frontal léger (environ 100 Ko après tout CSS et JS gzip),

Mobile first

Adresse officielle du site Web : http://amazeui.org/ Github : https://github.com/zordius/lightncandy

10. Oeillet de réaction

Grommet est une bibliothèque de composants React qui met l'accent sur l'expérience. Tous les composants sont accessibles, ont une compatibilité entre navigateurs et prennent en charge la personnalisation des thèmes. Grâce à la configuration des attributs, la flexibilité du composant peut également être encore améliorée

Adresse officielle du site Web : https://v2.grommet.io
Github : https://github.com/grommet/ œillet

11. React-Toolbox

Un ensemble de composants React qui utilisent des modules CSS pour implémenter Google Material Design.

Avez-vous entendu parler des modules CSS ? Il vous permet d'utiliser uniquement le CSS dont vous avez besoin sans utiliser d'outils comme Purify-CSS. En plus de cela, React-Toolbox est un framework hautement personnalisable avec plus de 30 composants prêts à l'emploi.

Pour plus de connaissances liées à la programmation, veuillez visiter : Apprentissage en programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!