React にはどのような UI フレームワークがありますか?

React の UI フレームワークには、マテリアル-UI (React に基づく UI インターフェイス フレームワーク)、React-Bootstrap、Ant-design、Semantic-UI-React、React Desktop、Blueprint、Grommet などが含まれます。

#ReactJS に適応した UI コンポーネント ライブラリ

1. マテリアル - UI

material-UI は、Google のマテリアル デザイン スタイルの UI インターフェイス フレームワークを実装するための React コンポーネント ライブラリです。これは、React の最初の UI ツールセットの 1 つでもあります。これを使用して、快適なアプリケーション インターフェイスをすばやく構築します。

英語ドキュメント: https://material-ui.com
中国語ドキュメント: http://design.1sters.com
Github: https://github.com/mui-org/ material-ui

#2、React-Bootstrap

##React-Bootstrap は再利用可能なフロントエンド コンポーネントです。図書館。 React-Bootstrap は、ReactJS に基づいて Bootstrap をカプセル化するライブラリです。

公式 Web サイト: https://react-bootstrap.github.io

中国語ドキュメント: http://react.tgwoo.com
Github: https://github.com/react- bootstrap /react-bootstrap/

3、Ant-design

## Ant-design について言及する皆さん少し前に起きた「クリスマスエッグ」事件を思い出しているのかもしれない。 Ant-design は、Alibaba チームによって作成された ReactUI コンポーネント ライブラリです。独自のデザインスタイルとコンセプトを持っています。 Alipay や Ant Financial などの多くの Alibaba プロジェクトで使用されています。コンポーネント化は非常に高品質で、箱から出してすぐに機能します。

公式 Web サイト: https://ant.design/docs/react/introduce-cn

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

4. Semantic-UI-React

Semantic-UI の公式 React コンポーネント

Semantic-UI-React には、Semantic-UI の便利なコンポーネントがほぼすべて含まれています。非常に優れた宣言型 API、React コンポーネントの省略形 props、および jQuery フリーを備えています。

#公式ウェブサイト: https://react.semantic-ui.com/

5、React Desktop

MacOS Sierra および Windows10 デスクトップ スタイル用の ReactUI コンポーネント ライブラリ。 React-Desktop は、クロスプラットフォーム デスクトップ アプリケーション用の UI コンポーネントであり、Mac OS と Windows 10 の両方で利用できる UI コンポーネントを見つけることができます。

公式 Web サイト: http://reactdesktop.js.org/docs/

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

6、ブループリント

ブループリントは、一般的に使用される要素、パターン、Web インタラクションを含む一連の ReactUI コンポーネントを提供します。デスクトップ アプリケーション用の複雑でデータ集約型の Web インターフェイスを構築するのに適しています。そのコンポーネントは TypeScript で記述され、Sass でスタイル設定されているため、高速かつ柔軟な開発プロセスが実現します。

公式ウェブサイト: https://apiblueprint.org

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

7、ファブリック

Fabric は、Office および Office 365 スタイルのスタイルを構築するための React コンポーネント ライブラリです。これは、TypeScript で書かれた公式 Office ライブラリの 1 つです。開発入門ガイド、ブログ、公式カラーやフォントなど、Office コンポーネントがすべて表示されます。

公式 Web サイト: https://fabric-chs.readthedocs.io/zh_CN/chs/

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

# # 8. Rebass

Rebass 60 個のコンポーネントが含まれており、UI ライブラリおよび UI デザイン システムです。

公式 Web サイト: https://rebassjs.org

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

9.amaze UI (メンテナンスは終了しました)

##image

Amaze UI は、モバイルファーストのクロススクリーン フロントエンド フレームワークです。基本的なスタイル、グリッド、テーブル、フォーム、ボタン、および共通コンポーネント スタイルを提供します。軽量 (CSS と JS の gzip をすべて含めると約 100 KB)、モバイル ファースト

フロントエンド フレームワーク

公式 Web サイトのアドレス: http://amazeui.org/

Github : https://github.com/zordius/lightncandy

10、React Grommet

Grommet はエクスペリエンスを重視した React コンポーネント ライブラリです。すべてのコンポーネントはアクセス可能で、ブラウザ間の互換性があり、テーマのカスタマイズをサポートしています。属性の設定により、コンポーネントの柔軟性をさらに向上させることもできます。

公式 Web サイトのアドレス: https://v2.grommet.io
Github: https://github.com/grommet/グロメット

11. React-Toolbox

CSS モジュールを使用して Google マテリアル デザインを実装する React コンポーネントのセット。

CSS モジュールについて聞いたことがありますか? React-Toolbox は CSS モジュールに依存しています。 Purify-CSS などのツールを使用せずに、必要な CSS のみを使用できます。これに加えて、React-Toolbox は 30 個のコンポーネントを備えた高度にカスタマイズ可能なフレームワークであり、すぐに使用できます。

プログラミング関連の知識について詳しくは、プログラミング学習をご覧ください。 ！

以上がReact にはどのような UI フレームワークがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。