初めての方React JS
です。私はreact js
のweb application
のために考えて、モバイル(AndroidとIOS)で動作する必要があり、いくつかのコンポーネントを作成したWebアプリケーションを構築しようとしています。 React native
にReact js
コンポーネントを使用することができます。React NativeでReact JSコンポーネントを再利用する方法
7
A
答えて
6
事前に計画しておくと良いです。 JSとネイティブの100%のマッチングはできませんが、慎重な計画を立てれば、十分に再利用できるようになります。
ウェブ用のネイティブ固有のコンポーネント(ビュー、イメージ、テキストなど)を反映するReact Native Webプロジェクトを見てみるとよいでしょう。
単純なプロトタイプをReact JSで作成し、次にReact Nativeで作成することをお勧めします。これにより、2つの生態系の違いを理解することができます。経験に手を有する任意の過去記事よりも有益で証明します:)
5
ReactNativeView
、TextInput
TouchableHighlight
とmoreのような本当のネイティブコンポーネントのセットです。また、これを制御するためのJavaScriptコードを実行できるプラットフォームです。
CordovaのようなWebViewはありません。あなたが得るのはネイティブビューのネイティブアプリケーションです。
しかし、あなたはまだあなたのWebアプリケーションで同じ方法を使用することができるJSで記述されたドメインロジックを持つことができます。
たとえば、iOS用のログイン画面がありますが、サーバーコールに必要なものはすべて別のモジュールに入れることができます。 api/auth.js
は、ウェブ、アイオス、アンドロイドの間で共有できます。
関連する問題
- 1. React Native - コンポーネントを共有して再利用する
- 2. React-nativeコンポーネント間の移動方法
- 3. React^0.14.8&React-native^0.24.1からReact 15.0.2にReact-native 0.26.3にアップグレードする方法
- 4. React/React Native:コンポーネント内の実行順序
- 5. React Native - AppRegistryでコンポーネントを登録する
- 6. React:通常のダムコンポーネントと再利用可能なコンポーネントを接続する方法
- 7. React Native:リダイレクトする方法
- 8. react-nativeでコンポーネントのサイズを取得する方法は?
- 9. React Native:コンポーネントをプレスで操作する方法
- 10. React/React Nativeグローバルスコープ
- 11. React Nativeで 'グローバル'モーダル
- 12. React-Nativeライブラリをインポートし、複数のコンポーネントで利用可能にする
- 13. React Native + react-native-router-flux:<Scene/>にhideNavBarを適用する方法は?
- 14. React-native:コンポーネント間の通信
- 15. React-NativeでリモートJSデバッグを無効にする方法
- 16. react-native-router-fluxでreact-native-side-menuを使用するには?
- 17. React NativeとAngularJSコンポーネントの使用
- 18. React Nativeでページをナビゲートする方法
- 19. React Native:特定のコンポーネントをアニメートする方法は?
- 20. React Js fine uploaderコンポーネント
- 21. React/React-Native Refs [固定]
- 22. React Nativeプロジェクトのvanilla JSファイルの使用方法は?
- 23. React Native + Realm JS:複数のプロパティをソートする方法。
- 24. React NativeのWebViewコンポーネントからSafariでリンクを開く方法
- 25. React Native - initialProperties Android
- 26. React-NativeでFabricJSを使用
- 27. すべてのReactコンポーネントはReact Nativeで使用できますか?
- 28. React-Native-Meteorの更新React-Native 0.33
- 29. React Native JS:コンポーネントクラスが必要です。[オブジェクトオブジェクト]
- 30. HOCからコンポーネントへの機能を渡す(React、React native)