- [[速通 react native 公式サイト]]
- [[テキストコース：React Native 新アーキテクチャ実践講座]]
- [[React Native の公式サイトをさっと読みました]]
端午の休日を楽しんでください。休日に React Native の公式ドキュメントをさっと読みましたので、感想を述べます。
背景#
現在の仕事の関係で、uni-app x を iOS に更新する際のいくつかのロジックを処理していますが、現在の uni-app x がどの程度進化しているのか分からず、React のクロスプラットフォームソリューションを見てみたいと思いました。それは間違いなく React の第一選択肢である React Native の公式サイトです。自分が忘れないように手軽にいくつかのメモをまとめました。[[速通 react native 公式サイト]]、この記事は発表しませんが、すべて断片的なメモです。ここで uni-app x と比較しながら自分の感想を述べます。
訪問 React Native · Learn once, write anywhere
ウェブサイトの読書体験#
初心者として、Flutter/Android/Swift の公式サイトを見たことがありますが、純粋な初心者の視点からアプリがどのように迅速に動き出すのか、教育的なガイドがあるのかを見たいと思いました。これらのウェブサイトは一般的だと感じましたが、SpringBoot や MySQL のようなウェブサイトよりは良いと思います。少なくとも美的感覚は現代的です。
React Native の感想は少し良いです。全体の構造は、技術系ウェブサイトの主要な構造に従っています：ガイド入門、ドキュメントシステム、API インデックス、プレイグラウンドプレビュー。
迅速に効果を確認#
ウェブページ上でクライアントの効果をプレビューすることはできませんが、Expo というシェルアプリを利用することで、いつでも QR コードをスキャンして効果をプレビューでき、とても直感的です。React Native 技術は現在完全に Expo フレームワークを推奨しています。純粋な初心者でも npm のコマンドラインを通じて簡単にデモアプリを起動し、ローカルで効果を実現できます。
興味深いことに、迅速に開発を始める過程では、Android Studio や XCode についてわざわざ説明する必要がなく、感触は非常に良いです。Flutter のように、外部の人を退けることはありません。
初心者の視点から見ると、フレームワークを導入することは非常に良いと思います。複雑な内容は後回しにし、必要になったら真剣に取り組むべきです。uni-app x と比較すると、HBuilderX があるため、多くの概念が自然に遮断されており、フレームワークの比較実装とも言えます。
常に初心者や新しく入門したユーザーを念頭に置くことが重要です。早すぎるパラメータの露出は良くないので、まずは詳細を遮断し、動かすことができるようにし、最適化や高度な機能が必要になったら再度考えるのが適切です。
システム学習愛好者#
ガイドの基本部分では、最も一般的な概念のみが紹介されていますが、これは正しいと思います。
基礎部分を過ぎて、システム的に説明を始めるとき、私はそれも良いと思いました。ソフトウェアの開発ライフサイクルの観点から、開発前の環境準備、全体のワークフロー、ページのレイアウト、デバッグ、自動化テスト、パフォーマンス調整などが段階的に展開されます。避けられないネイティブインタラクション部分も、最初に NativeModules を紹介してから続きます。
残念なのは、私が初心者として見たとき、現在の Leagcy 構造と新しいアーキテクチャが今どのような状態なのか理解できなかったことです。RN はどうやらアーキテクチャが変わったようですが、現在がどのような移行段階にあるのか理解できませんでした。
ドキュメントは多言語をサポートしていない#
公式サイトは多言語をサポートしていませんが、誰かが RN の中国語サイトを維持しているのを見ました。民間のバージョンです。
React Native 中文网・使用 React 来编写原生应用的框架
更新が古くなるのが怖くて、あまり見られませんでした。その後、適当にクリックしたところ、あまり新しくないようです。著者はおそらく極客時間のコースの著者で、コースの導流もあり、周辺製品の導流もあります。
考えてみると、国際化をサポートしないのは常態でもあります。フロントエンド関連のこれらのライブラリだけが、国際化の更新が比較的迅速です。やはりワークフローは誰も手を付けていないようです。
フレームワークを強調し、自由な組み合わせではない#
最初は Expo が RN 公式から出ていることに気づきませんでした。確かに React には、React と Next.js の関係に似たところがあります：フレームワークの使用を奨励し、自分で一連の設定を組み立てることを避けるようにしています。
古い中国語のドキュメントを見たときに、react-native-cliというパッケージを奨励していることに気づきました。公式サイトでは、現在、意図的に探さないと紹介の入り口を見つけることができません。フレームワークを熱心に推奨していますが、もし自分で組み立てることにこだわるなら、余地を残しています。
Expo の公式サイトに入ると、例えばカメラのネイティブ API を使用したい場合、プラグインをインストールすることで実現できます。これもエコシステムの一部で、Ionic に似ています。シェルコンテナを提供し、プラグインエコシステムを提供します。
オープンアーキテクチャ#
React Native の公式サイトは Android と iOS の 2 つのプラットフォームのみを維持しており、Web のサポートはコミュニティや第三者によって維持されています。例えば、Windows/MacOS もコミュニティによって維持されています。新しいアーキテクチャを作成することにも、手がかりがあります。
ただし、React native Harmony を検索したところ、結果はありませんでした。
追加の延長#
特に xlog が好きで、xlog.app のクライアントも Expo を使用していることに気づきました。これはオープンソースであり、将来的にはさらに詳しく見てみることができるかもしれません。