[react Native]react Native Appのコンポーネントと強力なツール:Expo

2180 ワード

react NativeのアプリケーションはJavaScriptだけではありません.
アプリケーションでは、JavaScriptが最も低い割合を占めています.
Bridgeを通じて私たちのコードをオペレーティングシステムとコミュニケーションさせるインフラストラクチャが最も重要です.

  • React Native
    1-1 : JavaScript Interpreter
    1-1-1 : React Native JS Modules
    1-1-1-1 : JavaScript
    1-1-1-2 : Markup/Styling

  • React Native native modules

  • Plaform APIs
  • このように1と2/2と3が接続されています.
    ReactNativeのアプリケーションをダウンロードする場合は、JSだけでなく、これらの基本施設を含めてすべてダウンロードします.
    基本的な施設では、JavaScriptとオペレーティングシステムの会話を許可します.
    この点をはっきりさせてから行かなければならない.
    react Nativeアプリケーションはshellと同じです.
    私たちはJavaScriptコードを入れて、オペレーティングシステムと話をすることができます.
    コンパイルが必要で、実際にはオペレーティングシステムごとにアプリケーションを作成します.
    これはXcodeとJavaが必要であることを意味します.
    コードの準備ができたら
    XcodeとJavaはこのインフラストラクチャをもたらしました.
    Androidについて.apk
    iOSの場合.ipa
    中に入れる.
    そしてappstoreへ.
    しかし、JavaScriptとMarkup/stillingの部分だけに穴を開けたアプリケーションをアプリケーションストアにアップロードした賢い人がいました.

    JavaScriptとMarkup/stillingの部分を除いて、残りの部分は準備ができています.パソコンとスマートフォンのアプリを接続し、そのアプリにコードを送ることで、React Nativeアプリをテストすることができます.
    react Nativeアプリケーションはすべてのインフラストラクチャ+JSコードであることを覚えておいてください.
    また、これらのすべての構造とBridgeは、JSがオペレーティングシステムとコミュニケーションできることを覚えておく必要があります.
    また、Google Play Store&iOS App Storeには、これらのインフラストラクチャのすべてのアプリケーションがあります.コード部分しかないので、作成すればいいです.
    コンパイルする必要はありません.コードを作成して送信するだけです.すぐに携帯電話で私たちのコードをテストできることを意味します.
    このアプリケーション名はExpo
    作成したコードの結果は、アプリケーションで直接確認できます.シミュレータ、Java、Xcodeはありません.
    npm install --global expo-cli

    追加のMac OSユーザーの場合はWatchmanをダウンロードする必要があります.
    
    brew update
    brew install wacthman
    https://docs.expo.dev/
    その後、アプリストアでExpoダウンロードを検索します.
    https://nomadcoders.co/react-native-for-beginners/lectures/3116