実際のネイティブの概要を反応させます

、世界観リアクト
状態変更することにより、ビューに変更するには、1を
自分自身を変更する方法を考慮せずにビューを、状態を描画することができます。
2、変数不変
状態の残りの部分は誤差が予測できない発生したため、変更することは容易ではない、変更が追跡可能な作り、状態を変更することが新しい状態を作成することにより
構造やスタイル別の、3
CSSのアプローチへの参照、RNのスタイルメカニズムはコードを作ります明確かつ保守が容易
4、メッセージを呼び出す代わりの使用
緩い維持しやすい構成部品間の結合、およびチーム開発のように、直接呼び出すことはありませんコンポーネントを、
第二に、なぜ使用はネイティブリアクト?
1、ホット更新
だけ更新することができるように熱を開始するために、パフォーマンスが受け入れることができる
2、モジュラー
より良い再利用と延びる
3、クロスプラットフォームの
ビジネスロジックを達成するために、そのプラットフォームの異なるコンポーネントを再利用することができる
4、統一レイアウト
第三に、設計及び区分
1は、アセンブリ・ツリーの設計
の共通成分は 
リアクト
2、ステータスツリー設計
共通状態
Reduxの
。3、経路設計
TabView +ナビゲータ+モデル
REACT-ネイティブルータ-フラックス
。4、分割
に成分による
Gitのフロー
4、RN及びネイティブ双方向通話 
インプラントAU監視の友人
のネイティブは、リモート設定を読み込みます
V.ページジャンプ
1、TabView
2、ナビゲーター
3、モーダル
4、ExNavigator + Reduxの
https://github.com/aksonov/react-native-router-flux
6マルチ画面適応
1、弾性レイアウトは、正常な発達を満たすことができ必要
通常のグリッドレイアウトの開発ニーズを満たすために、標準を満たすために
2、サイズ又は送信の弾性層
3、画像サイズ
PixelRatio.getPixelSizeForLayoutSize

図4に示すように、弾性障害
Dimensions.get( 'ウィンドウ')。高

七、Reduxの
1、ビジネスロジックとインタフェースの分離
、クロスプラットフォームのプロジェクトのためのより適切な

2、国家予測可能な変化を
デバッグのために、バグを再現

3、1つの状態しかツリー
シーンを復元するために、いつでも

図4は、再投稿の数減らすために
再度描くことSETSTATEを生成、マージされた状態にした後、Reduxの再描画します

八のホット更新
RNを公開する組み込みのファイル

チェックを開始

アップデート更新を自動的にダウンロードし、アップデートをインストールするようユーザーに促し

RN更新は、ローカルファイルを置き換えます

https://github.com/Microsoft/react-native-code-push

九、デバッグ、チューニング
1を、クロームのデバッグ
2、リアクト-アドオンパーフォレーション
Perf.start()とPerf.stop()
Perf.getLastMeasurements()
3、CONSOLE.LOG
よりエキサイティングなコンテンツを、実地体験を開発するためにご参加ください。交換QQグループ:163 520 523、あなたを待っている予期しない驚きがあるでしょう!
----------------

おすすめ

転載: www.cnblogs.com/junsehng/p/11404291.html