アミットアシュビニー - 2017年9月9日
React.jsは、ダイナミックかつ高パフォーマンスのユーザーインターフェイス（UI）のためにその必要性に対処するためのFacebookによって開発されました。2011年には、FacebookからヨルダンWalkeと彼のチームが反応JSライブラリ、応答と動的なユーザー入力につながる、一緒にはJavaScriptの速度とページをレンダリングする新しい方法をもたらしたJavaScriptライブラリをリリースしました。2015年、チームは2年後にはReact.jsをオープンソース化し、その人気は、彼らがネイティブに反応リリースし、成長しました。
以下はReact.jsとネイティブに反応の両方での作業のビジネス上の利点の概要です。それはあなたのそれぞれの強みと何彼らが違うの公正なアイデアを与える必要があります。
React.js
反応したりReactJSとしばしば呼ばReact.jsは、UIコンポーネントのレンダリングを担当するUIコンポーネントの階層を構築するための、または他の言葉で責任あるJavaScriptライブラリです。これは、フロントエンドとサーバー側の両方のサポートを提供します。
React.jsは、MVCフレームワーク、あなたのビューをレンダリングするためのもので、ライブラリのちょうどVの一部であることを覚えておいてください。
協力しながら、ビジネス上の利点が反応します：
-
DOM（ドキュメントオブジェクトモデル）は、データの入力と出力の視聴契約です。仮想DOMは、ページの一部のみを更新するので、反応の仮想DOMは、従来のフル・リフレッシュモデルよりも高速です。興味深い部分は、フェイスブックのチームが部分的にページを更新すると、より高速な証明することに気づいていなかった、です。Facebookはちょうど彼らの再構築時間を短縮するための方法を探していた、と部分DOMのリフレッシュはちょうど幸せな結果でした。これは、パフォーマンスとより高速なプログラミングを向上させます。
-
あなたはあなたに多くの時間を節約し、JSを反応させるのにコードコンポーネントを再利用することができます。
-
サーバからブラウザに完全にあなたのページのレンダリングは、あなたのWebアプリのSEOを改善します。
-
それはあなたの開発者の生活を作るより簡単にデバッグ速度を向上させることができます。
-
でもリアクトに慣れていないものに、それはreadable.Manyフレームワークは、フレームワーク内でのみ有用です概念の広範なリストを学ぶためにあなたを必要とし、容易です。逆を行うに努めていますが反応します。
-
あなたは、Java言語とそのエコシステム内のすべての進歩の恩恵を享受します。
ネイティブに反応
ネイティブではJavaScriptを使用してネイティブアプリケーションを構築するためのフレームワークである反応します。反応ネイティブは、ネイティブモバイルアプリケーションを構築することが可能にされ、ネイティブアプリのコンポーネントをコンパイルします。ネイティブに反応している間に、JSを反応させるのWebプラットフォーム反応DOMの基本抽象化で反応し、まだベース抽象化ですが、ネイティブに反応の反応します。だから、構文とワークフローは似たままですが、コンポーネントが異なっています。
ネイティブリアクト使用してのビジネス上の利点：
-
反応ネイティブネイティブモジュールとパフォーマンスを向上させるネイティブコンポーネントが付属しています。コルドバ、PhoneGapの、およびWebViewを介して、コードをレンダリングする他のクロスプラットフォームのフレームワークとは異なり、ネイティブネイティブAPIのに特定のコードコンポーネントをレンダリング反応します。
-
反応ネイティブReact.jsがあなたをもたらしたすべての利点が付属しています。React.jsは、より良いUIに焦点を当てたので、これらの利点が残ります。
-
あなたはネイティブがあなたの開発者は、共通のロジック層を再利用することを可能に反応する別途、iOSとAndroid向けに同じアプリケーションを構築する必要はありません。
-
ネイティブのコンポーネントベースの構造は、開発者が最もハイブリッドフレームワークより発展により機敏、ウェブスタイルのアプローチでアプリケーションを構築することができ、そしてまったくのウェブずに反応します。
-
JavaScriptを知っていれば、ほとんどのフロントエンドWeb開発者は、モバイル開発者であることをできるように、ネイティブアップをピックアップしやすいだろう反応します。あなたが知る必要があるすべてのJavaScript、プラットフォームAPI、いくつかのネイティブUI要素、およびその他のプラットフォーム固有のデザインパターンであり、あなたが設定されています。
-
古いアプリをオーバーホールする必要はありません。あなたがしなければならないのは、書き換えることなく、既存のアプリケーションのコードにネイティブUIコンポーネントを反応させるの追加です。
-
ネイティブアプリの開発は、通常は非効率、展開に遅く、時間、およびより少ない開発者の生産性を意味しています。ネイティブは、すべてのネイティブアプリの体験をユーザーに提供するために、ハイブリッド空間に効果的な処理と最高のユーザーエクスペリエンスと一緒に高速、応答性、およびWebアプリケーション開発の俊敏性をもたらすことについてです反応します。
結論（TL; DR）
反応はJavaScriptを使用してアプリケーションを構築するためのフレームワークです。反応ネイティブは、ネイティブ、クロスプラットフォームのモバイルアプリケーションを構築することができ、プラットフォーム全体で、React.jsあなたは高性能のUI層を構築するために使用するJavaScriptライブラリです。React.jsが反応ネイティブの心臓部であり、それは、すべての者の原則と構文を反応させるの体現なので、学習曲線が簡単です。プラットフォームは、その技術的な差異を生じさせたものです。ブラウザのコードのようにネイティブモバイル上のコンポーネントをレンダリングするためにネイティブAPIのを使用して反応させ、一方で仮想DOMによってレンダリングされる反応します。HTMLを使用していますが反応し、ネイティブに反応して、あなたはネイティブの構文に反応を理解する必要があります。ネイティブは、どちらかのCSSを使用していない反応します。これは、あなたのアプリケーションのさまざまなコンポーネントをアニメーション化するためにネイティブリアクトが付属していますアニメーションAPIを使用する必要がありますを意味します。
ボトムラインネイティブ反応しながら、あなたのWebインタフェースのための動的な、高パフォーマンス、応答性のUIを構築するための理想的ですリアクトは、あなたの携帯電話が本当にネイティブな感触をアプリ与えることを意味しています。
https://www.cognitiveclouds.com/insights/what-is-the-difference-between-react-js-and-react-native/