ReactNative入門

概要

ReactNativeは開発プロセスの効率化を目的としており、いくつかのオリジナルAppが備えていない優位性を持っており、プラットフォーム間で非常に強く、コードの多重化の程度が非常に高く、ホット更新の能力を持っており、次にコミュニティもますます強くなっています.

なぜReactNativeを選んだのか

国内の比較的大きなメーカーを見渡すとReact Nativeに完全に移行していないが、React Nativeをやらないと完全に反発していないので、このような新しいスキルを学ぶことは私たちに百利あっても害がない.React Nativeを学ぶ過程で、私たちもReactという新しいUI案に触れると同時に、いくつかのES 6、ES 7の新しい特性にも接触し、全体的にいい感じがする.

はじめに

React Nativeを学ぶには、React JavaScriptやオリジナルアプリケーションの開発経験があるほうがいいです.もちろんなくてもいいですが、ゆっくりと一歩ずつ来てください.
現在私が紹介しているのはAndroid側についてですが、その後もIos関連の内容を補足します.
必要なソフトウェア:

Node.js

Android studio

Watchman

実行:

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

インテリジェントポイント

プロジェクトのエントリ:index.android.js/index.ios.js
表示:

render() {
    return (
      
        
          AAA
          
            BBB/Text>
            CCC
          
        
         {
        }}/>
        
      
    );
  }

我々のビューはreturn()の下に書く必要があり、この下にはルートViewしかありません.
共通コントロールを抽出するには、次の手順に従います.
インタフェースでは、多重化できるコントロールがたくさんあるかもしれませんが、それらを抽出しないと、コードの肥大化を招き、メンテナンスに不利になる可能性がありますので、共通の部分を抽出する必要があります.
共通のスタイルを抽象化する
同上

推奨コンパイラ

性能をテストする必要がある場合はAndroid studio

を使用する必要があります.

性能に関係なく、コードを記述する場合はWebStormを使用してコードを記述することを推奨する

では、まずここまで紹介しましょう.私が時間があるまで待って、tabを手書きで書いたり、ログイン登録を実現したりするすべての論理(ネットワークフレームワークを含む)を紹介してもいいです.