React をモバイル化できますか?

react はモバイル側で使用でき、モバイル側にも適していますが、PC 側には適していません。PC 側で React を使用すると、多くの既存のコンポーネントをやり直す必要があるためです。モバイル Web アプリにはそのような複雑なコンポーネントは必要ないため、モバイル プロジェクトを作成するときにコンポーネントを書き直す機会が生じます。

このチュートリアルの動作環境: Windows 10 システム、react18.0.0 バージョン、Dell G3 コンピューター。

React をモバイル化できますか?

react はモバイル側で使用でき、モバイル側には適していますが、PC 側には適していません。

理由:

1. PC 側で React を使用するには、highCharts チャート クラスや dataPicker 基本コンポーネントなど、多くの既存のコンポーネントをやり直す必要があります。

2. モバイル Web アプリにはそのような複雑なコンポーネントは必要ないため、モバイル プロジェクトではコンポーネントを書き直す機会が得られます。

PC側ではSEOが必要ですが、モバイル側では基本的にSEOは必要ないので、このようなデータを使って後からフレームワークを読み込むことも可能です。

3. webpack でコンパイルされた基本ライブラリ React es6 Route redux Tappable のコストは、minify 後は 200k 未満、gzip 後は約 50k です。はっきり言ってモバイル端末に向いています。

4. etag または Expires の強力なキャッシュを使用しているか、キャッシュに localStorage を使用しているか。 2g ユーザーにとって、最初にアクセスされる 50k の基本ライブラリは致命傷ではありませんが、2g の致命傷は膨大な RTT 時間です。 React では基本的に zepto は必要ありませんが、13k gzip 以降は zepto が必要なくなり、使用するテンプレート エンジンが 1 つ減ります。

5. es6 を使用すると、コンパイル時にコードが大きくなりますが、明らかにこの数十キロバイトが React の使用を妨げる理由にはなりません。

WeChat ウォレットで市のサービスのホームページを試すことができます。React を試してみましたが、基本的に数秒で完了します。将来的には他の WeChat ビジネス プロジェクトにもプッシュする予定です。

推奨される学習: 「react ビデオ チュートリアル 」

以上がReact をモバイル化できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。