初めての方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^0.14.8&React-native^0.24.1からReact 15.0.2にReact-native 0.26.3にアップグレードする方法
- 2. React/React Native:コンポーネント内の実行順序
- 3. React/React Nativeグローバルスコープ
- 4. React Nativeで 'グローバル'モーダル
- 5. React-native:コンポーネント間の通信
- 6. react-nativeでコンポーネントのサイズを取得する方法は?
- 7. React Native + react-native-router-flux:<Scene/>にhideNavBarを適用する方法は?
- 8. React:通常のダムコンポーネントと再利用可能なコンポーネントを接続する方法
- 9. react-native-router-fluxでreact-native-side-menuを使用するには?
- 10. React-NativeでリモートJSデバッグを無効にする方法
- 11. React NativeとAngularJSコンポーネントの使用
- 12. React/React-Native Refs [固定]
- 13. React Nativeでページをナビゲートする方法
- 14. React Native - initialProperties Android
- 15. React-Native-Meteorの更新React-Native 0.33
- 16. React Nativeプロジェクトのvanilla JSファイルの使用方法は?
- 17. React NativeのWebViewコンポーネントからSafariでリンクを開く方法
- 18. すべてのReactコンポーネントはReact Nativeで使用できますか?
- 19. HOCからコンポーネントへの機能を渡す(React、React native)
- 20. React Native JS:コンポーネントクラスが必要です。[オブジェクトオブジェクト]
- 21. React Nativeでのコンポーネントの一括作成
- 22. SHA256 in React Native
- 23. React-Native-Router-Fluxの値を他のコンポーネントに渡す方法は?
- 24. React Nativeカスタムイベント
- 25. React native for android
- 26. React Native Projectのコンポーネントフォルダからjsファイルにアクセスする方法
- 27. React Nativeのクロスプラットフォーム
- 28. React Native:別のコンポーネントのコンポーネントで関数を実行する
- 29. React Native TouchableHighlight:コンポーネントとコンテキストを取得
- 30. react-jsでサウンドを再生