ホームページ >ウェブフロントエンド >jsチュートリアル >React モバイル フレームワークとは何ですか?

React モバイル フレームワークとは何ですか?

青灯夜游
青灯夜游オリジナル
2020-12-16 15:09:143985ブラウズ

React モバイル フレームワークには、1. React に基づく UI インターフェイス フレームワークである Materials-UI、2. Semantic-UI-React、3. Ant Design Mobile、4. Onsen UI、5. NowUI などがあります。

React モバイル フレームワークとは何ですか?

【関連チュートリアルの推奨事項: React ビデオ チュートリアル

React モバイル フレームワーク

1. マテリアル UI

マテリアル UI コンポーネントは独立して動作します。これらは自立しており、表示する必要があるスタイルのみを挿入します。これらは、normalize.css などのグローバル スタイル シートには依存しません。マテリアル UI は最初にモバイル向けに開発され、最初にモバイル デバイス向けにコーディングし、次に CSS メディア クエリを使用して必要に応じてコンポーネントを拡張しました。すべてのデバイスで正しいレンダリングとタッチ スケーリングを保証するには、レスポンシブ ビューポート メタ タグを 要素に追加します。

中国語ドキュメント: https://material-ui.com/getting-started/installation/

github アドレス: https://github.com/mui-org/material-ui

2. Semantic-UI-React

Semantic-UI-React には、非常に豊富で美しい UI コンポーネント ライブラリがあり、非常によく構造化されています。 React バージョンは正式に公開されています。すべての React コンポーネントは非常にシンプルな API と簡潔な属性を備えており、jQuery に依存しません。仮想 DOM を操作してパフォーマンスを向上させ、より完璧なユーザー エクスペリエンスをもたらします。

中国語ドキュメント: https://onebugman.cn/semantic-ui/introduction/getting-started.php

github アドレス: https://github.com/Semantic-Org/Semantic -UI-React

3、Ant Design Mobile

Preact / React / React Native に基づく UI コンポーネント ライブラリ。

中国語ドキュメント: https://mobile.ant.design/index-cn

github アドレス: https://github.com/ant-design/ant-design-mobile/

4.Onsen UI

React と Onsen UI を使用して、美しく高品質なハイブリッド モバイル アプリを作成する最速の方法。

オンライン ドキュメント: https://onsen.io/react/

github アドレス: https://github.com/OnsenUI/OnsenUI

5、 NowUI

NowUI は React に基づくモバイル UI コンポーネント フレームワークで、さまざまな一般的な UI コンポーネントといくつかのツール コンポーネントをカバーします。

ソフトウェア ホームページ: https://github.com/iv-web/nowui

ソフトウェア ドキュメント: https://github.com/iv-web/nowui/blob/master/README .md

プログラミング関連の知識については、プログラミング教育をご覧ください。 !

以上がReact モバイル フレームワークとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。