web-dev-qa-db-ja.com

AngularJSとReactJS

新しいWebアプリケーションに使用するJavaScriptフレームワークを決定しています。私はAngularを使いたかったのですが、最近Reactについて聞いたことがあります。問題は-私は両方の間に本当に良い比較を見つけていません。比較を行う記事のほとんどは「プロ反応」であり、比較するのに大きな助けにはなりませんが、反応が優れている理由を示すだけです。例えば.

https://www.codementor.io/reactjs/tutorial/react-vs-angularjshttp://www.quora.com/Pete-Hunt/Posts/Facebooks-React- vs-AngularJS-A-Closer-Look

実際の経験、または両方の長所と短所を述べる比較?ご意見ありがとうございます

[〜#〜] update [〜#〜]-両方のフレームワークで同じことを行い、pros /短所

:表に会社のリストがあります。各行は1社、各列は会社に関する情報(名前、住所、従業員数など)です。多くのエントリがあり、ページングと並べ替え(サーバー側)を行う必要があります。

41
Asped

私はReactを使って合理的な経験がありますが、基本的にAngularでは経験していません。だから、私がAngularについて言うつもりは、私が読んだり、他の人から聞いたことからです。

React

長所

  1. 簡単に学べる
  2. 分離されたコンポーネントは保守が簡単です
  3. Reactの "Always Re-render"の方法は、事態が複雑になったときに理解しやすくするのに便利です
  4. フラックスは、MVCパターンの非常に優れた代替手段です。一方向のデータフローにより、保守性が向上し、データとDOM要素の一貫性が維持されます。 Immutable.JSのデータ構造と組み合わせると、非常に簡単です:)

短所

  1. DOM操作ライブラリでニースを再生しません(例:jQuery)
  2. 特にFluxを使用している場合は、物事のやり方が本当に変わりますが、これは良いことですが、慣れるのに少し時間がかかります。
  3. コンポーネントがrenderメソッドで大きなデータセットを処理する場合、毎回再レンダリングを行うとアプリの速度が低下する場合があります。このような場合のパフォーマンスの最適化には、少し注意が必要です。

Angular

長所

  1. 良いドキュメント
  2. コミュニティのメンバーは役に立ちます(SOで簡単に答えを見つけることができます)。
  3. 双方向のデータバインディングにより、実装が非常に簡単になります

短所

  1. パフォーマンスの問題:双方向のデータバインディングを行うには、データモデルの変更を確認する必要があります。また、HTMLを解析して魔法のように動作させる必要があります。これにより速度が低下し、モバイルデバイスでアプリを実行している場合、バッテリーの消耗が早くなります
  2. HTMLとJSにまたがるロジック:理解、保守、デバッグが困難なコード。
  3. v2はいくつかの問題を修正する予定ですが、v1のコードはすべて廃止されました
42
Breno Ferreira