Ant Designについて読んでいる私は、モバイルWeb開発にどのライブラリを使用するかについて混乱しています。 antd
とantd-mobile
の2つのライブラリがあります。 antd-mobileがiOSとAndroidでreact-nativeをサポートしていることは明らかですが、どちらがプレーンモバイル(非ネイティブ/ SPA)Web開発に最適かは不明です。
Antdの紹介を読むと、「内部デスクトップアプリケーション用に特別に作成されたAnt Design、...」のようなステートメントが表示されます。antd-mobileの紹介を読むと、「Support Web/iOS/Android =プラットフォーム(React Native)に基づく) "
このことから、antはWebベースのデスクトップ(つまりElektron)アプリ以外のWeb開発にはあまり適していないと思います。
しかし、ant-mobileを使用して通常のWebアプリを構築しようとすると、動作させることができませんでした。たとえば、ボタンは表示されていますが、DatePickerは表示されていません。アリに切り替えると、すべてうまくいくようです。
非ネイティブのモバイル開発では、ant-mobileの代わりにantを使用する必要があると思いますか?
もしそうなら、antd-mobileが言及しているこのサポートされている「Web」プラットフォームは何ですか?
私の経験から:
Antd:
フルブラウザのWebのみ(または電子)の開発を目的としており、モバイルファーストのデザインではありません。場合によっては、Webページをモバイルで見栄えよくするために微調整する必要があります。
Antd-mobile:
Antd mobileは、2つのバージョンのコンポーネントをエクスポートします。Webバージョン(DOMを使用)とReact Nativeバージョン(View、Textなどを使用)です。
Webバージョン:jQuery Mobile、Sencha Touchなどのように考えることができます。これは、純粋なモバイルWebページ/アプリケーション、つまりモバイルで表示されるアプリケーションを構築することを目的としていますブラウザー。たとえば、facebook.com、Amazon.comに移動してモバイルブラウザで開きます(デスクトップのものとは実際に異なって見えます)。
React Nativeバージョン:これを使用して、インストールが必要なアプリであるGooglePlayストア/ AppStoreに配置されるモバイルアプリ(ハイブリッドアプリ)を構築します。
それが役に立てば幸い。間違えた場合はお知らせください。