端午休暇おめでとうございます。休暇中に React Native の公式ドキュメントを素早く閲覧しましたので、感想をお伝えします。
背景#
現在の仕事の関係で、uni-app x を iOS にアップデートする際のいくつかのロジックを処理していますが、現在の uni-app x の進化の状況を知りたいです。React は、クロスプラットフォームのソリューションとしては間違いなく最適な選択肢であるため、React Native の公式ウェブサイトを見て、いくつかのメモをまとめることを忘れないようにしました。[[React Native 公式ウェブサイトへのリンク]]。記事は投稿しませんが、断片的なメモです。ここでは uni-app x との比較をして、自分の感想を述べます。
React Native · Learn once, write anywhereを訪問してください。
ウェブサイトの閲覧体験#
初心者として、Flutter/Android/Swift の公式ウェブサイトを見たことがありますが、純粋な初心者の視点からアプリを素早く起動する方法やチュートリアルのガイドがあるかどうかを見たいと思いました。これらのウェブサイトは一般的なものですが、SpringBoot/MySQL などのウェブサイトよりも良いと感じました。少なくとも美的センスは現代的です。
React Native の閲覧体験はまあまあです。全体的な構造から見ると、技術ウェブサイトの主要な構造に従っています：ガイド、ドキュメント、API インデックス、プレイグラウンド。
素早く結果を見る#
ウェブページ上でクライアントの効果をプレビューする方法はありませんが、Expo というシェルアプリを利用することで、いつでもコードをスキャンして効果をプレビューすることができます。React Native の技術では、完全に Expo フレームワークを推奨しています。純粋な初心者でも、npm のコマンドラインを使用して簡単にデモアプリをローカルで起動できます。
面白いことに、開発の初期段階では Android Studio や XCode について説明する必要はありません。Flutter とは異なり、初心者にはわかりやすいです。
初心者の視点から見ると、フレームワークを導入することは非常に良いと思います。複雑な内容は後回しにして、真剣に取り組む必要があります。uni-app x と比較して、HBuilderX があるため、多くの概念が隠されていますが、フレームワークの比較実装と言えます。
初心者や初心者のユーザーにとって、パラメータを早く公開することは良くありません。最初は細部を隠し、実行し、最適化や高度な機能が必要になったら考えるのが適切です。
システム学習の愛好家#
ガイドの基本部分では、最も一般的な概念のみが紹介されていると思いますが、それは正しいと思います。
基本部分を終えた後、システム的に説明を始めると、環境の準備、全体的なワークフロー、レイアウトの作成、デバッグ、自動テスト、パフォーマンスチューニングなど、ソフトウェアの開発ライフサイクルの観点から段階的に展開されています。避けて通れないネイティブインタラクションの部分も、NativeModules の紹介から展開されています。
残念ながら、初心者として、現在の Legacy 構造と新しいアーキテクチャの状態が理解できませんでした。RN のアーキテクチャが変わったようですが、現在の過渡期が理解できませんでした。
ドキュメントは多言語をサポートしていません#
公式ウェブサイトは多言語をサポートしていませんが、RN の中国語版ウェブサイトがコミュニティによってメンテナンスされているのを見ました。
React Native 中文网・使用 React 来编写原生应用的框架
古くなっている可能性があるので、あまり見ませんでした。後でちょっと見てみましたが、あまり新しくないようです。おそらく、このウェブサイトの作者は GeekTime のコースの著者であり、コースの紹介や周辺製品の紹介があります。
考えてみると、国際化をサポートしないのは一般的なことであり、フロントエンド関連のこれらのライブラリは、国際化の更新が比較的迅速です。やはり、誰もが取り組んでいないのはワークフローの問題です。
フレームワークの強調ではなく、自由な組み合わせ#
最初は気づきませんでしたが、Expo は RN 公式のものではありません。本当に React であり、React と Next.js の関係に似ています：フレームワークの使用を推奨し、自分で構成を組み立てる代わりに、フレームワークを使用することを奨励します。
古い中国語のドキュメントを見ると、実際には react-native-cli パッケージを推奨していることがわかりました。現在の公式ウェブサイトでは、紹介の入り口を意識的に探す必要があります。フレームワークを推奨する一方で、自分で組み立てることにこだわる場合でも、尾を残しています。
expo の公式ウェブサイトに入ると、カメラのネイティブ API を使用したい場合、プラグインをインストールして実現することができます。これもエコシステムであり、Ionic に似ています。シェルコンテナを提供し、プラグインエコシステムを提供します。
オープンなアーキテクチャ#
React Native の公式ウェブサイトは Android と iOS のみをサポートし、web のサポートはコミュニティやサードパーティによって維持されています。Windows/MacOS などもコミュニティによって維持されています。新しいアーキテクチャを作成する際にも手がかりがあります。
ただし、React Native Harmony を検索しても結果が得られませんでした。
追加の展開#
特に xlog が好きで、xlog.app のクライアントも Expo を使用していることに気付きました。それ自体はオープンソースであり、将来的にはさらに調査するかもしれません。