web-dev-qa-db-ja.com

React Nativeプロジェクトでのnpmモジュールの使用

npm install <module-name>によってReactプロジェクト内で使用するように、npmモジュールをReactネイティブプロジェクトで直接使用することは可能ですか?

もちろん、Reactアプリで使用できるモジュール、つまりブラウザーJSランタイムで実行されるが、Reactネイティブアプリとしてのnodejsまたはiojsランタイムでは実行されないフロントエンドモジュールを意味しますnodejsまたはiojsランタイムでは実行されません。

32
Selçuk

それは正反対です。 React Nativeはio.jsランタイム内で実際に実行されるため、ノードのほとんどの純粋なJavaScriptモジュールが機能します。一方、React.js用に記述されたほとんどのフロントエンドモジュールはReact-Nativeでは機能しません。

React Nativeは、Webで知っているとおり、HTML DOMもCSSも使用しません。 CSS/HTML DOMをネイティブビュー表現に置き換えます。したがって、HTMLを使用してブラウザに表示されることになっているフロントエンドパッケージは動作しません。

一方、純粋なjavascriptであり、node.js/io.js内で実行されるモジュールはすべて、react-nativeで実行しても問題ありません。

たとえば、Facebookはリアクションネイティブアプリで「リレー」データアクセスライブラリを使用していることは間違いありません(FacebookのOpen Graph APIを介して効率的に通信し、Facebookユーザーのデータにアクセスできるjavascriptライブラリです)。

その方法は、他のnode.js/io.jsアプリと同じです。単純に実行する

npm install モジュール --save

これで完了です(package.jsonはモジュールの依存関係で自動的に更新されます)。その後、通常どおりパッケージを使用できます。

32
Jarek Potiuk