VueJS vs Angular vs ReactJSと比較とデモ

*現在、フレームワークの開発はスピードが速く、あまり比較にならない面があります。基本的なことを知る上では参考になると思います。

Angularは、最新のWebアプリケーションを構築するために使用される人気の高い、本格的なJavaScriptフレームワークです。ReactとVueJSは、最新のJavaScriptライブラリであり、Webインターフェイスを構築するために使用されます。

この記事では、AngularJS(v1)、Angular 2、ReactとVueJSを対比し、小さな1ページのサンプルアプリケーションを構築します。

この記事では、テンプレート、コンポーネント定義、ディレクティブ定義、アプリケーション設計、パフォーマンス、デザインの柔軟性、機能面でAngular、VueJSとReactの類似点と相違点について検討します。

この記事は、DNC Magazine for Developers and Architectから発行されています。このフリーマガジン  [PDF]をダウンロードまたは購読すると、以前の、現在の、そして今後のすべてのエディションにアクセスできます。

AngularJSは、最新のWebアプリケーションを開発するための最も一般的なJavaScriptフレームワークの1つです。ほぼ7年前にリリースされたこのフレームワークGoogleによってサポートされており、フロントエンド開発のための厳格なパターンとともに、開発者に必要なすべてのツールを提供することを目指しています。執筆時点でのAngularの最新バージョンはv4です。

VueJSは、Webインターフェイスを開発するための最新の JavaScript ライブラリです。2013年にリリースされたVueJSはAngularJS(v1)からインスピレーションを受けており、フレームワークのテンプレート構文を借りています。

VueJSを初めてお使いの方は、この初心者のチュートリアルhttp://bit.ly/dnc-vuejsをお読みください。

ReactはFacebookによって開発されました。VueJSと同様に、その目的は、パフォーマンスの高いWebインターフェイスを構築することです。

Stefan Krauseの調査から、VueはAngular 2やReactを含むほとんどの主要なフレームワークよりも優れていることがわかります。調査のウェブサイトに記載されているように、 
ベンチマークは、フレームワークベンチマークの期間とそのベンチマークの最速フレームワークの期間との間の比率の幾何平均を計算する。要素Xは、フレームワークが最も速いバージョン(通常はバニラージ)のX倍の平均X倍を取ることを示しています。」http://www.stefankrause.net/wp/?p=316

つまり、VanillaJSとInfernoは通常最もパフォーマンスが優れていますが、VueJSはCRUD操作(テーブルへの行の読み込み、更新、追加、削除、書き込み)がずっと高速です。注:ベンチマークの実行手順については、https://github.com/krausest/js-framework-benchmarkを参照してください

http://www.dotnetcurry.com/images/vuejs/vuejs-compare/javascript-row-create-benchmarks.png

 

bit.ly/dncm30-vuejs-vs-angで GitHubソースコード全体をダウンロードする

引用元:

www.dotnetcurry.com

 

Angular2によるモダンWeb開発 TypeScriptを使った基本プログラミング

Angular2によるモダンWeb開発 TypeScriptを使った基本プログラミング

 

 

 

JavaScript フレームワーク入門

JavaScript フレームワーク入門