Angular vs React vs Vue:2020年に選択するフレームワーク

Angular vs React vs Vue:2020年に選択するフレームワーク

Angular vs React vs Vue:2020年に選択するフレームワーク
СОДЕРЖАНИЕ
02 июня 2020

この投稿は、おそらくあなたにとって適切な解決策となる包括的なガイドです: Angular vs React vs Vue.


ほんの数年前、開発者は主にプロジェクトにAngular vs Reactを使用すべきかどうかについて議論していました。しかし、ここ数年の間に、Vue.jsと呼ばれる3番目のプレーヤーへの関心が高まりました。.

プロジェクトを始めたばかりの開発者で、使用するJavaScriptフレームワークを決定できない場合は、このガイドを参考にしてください。.

Angular、Vue、Reactのさまざまな側面をカバーして、ニーズにどのように適合するかを確認します。この投稿は、Angular vs React vs Vueの単なるガイドではなく、一般にフロントエンドJavaScriptフレームワークを判断するのに役立つ構造を提供することを目的としています。来年新しいフレームワークが到着した場合、どのパラメーターを確認すればよいかがわかります。!

*この投稿では、JavaScriptの基本的な知識があり、JavaScriptフレームワークも使用していることを前提としています。.

Angular vs React vs Vue

始めましょう:

パート1:Vue vs React vs Angularの簡単な歴史

技術的な詳細に入る前に、まずこれらのフレームワークの背後にある歴史について話しましょう。これらのフレームワークの哲学と長期にわたる進化をよりよく理解するためです。.

すべての始まりstarted

角ロゴ

角度, グーグルによって開発され、2010年に最初にリリースされ、それは多くの中で最も古いものになりました。 TypeScriptベースのJavaScriptフレームワークです。 Angular 2のリリース(および、 "JS" 元の名前から– AngularJS)。 Angular 2+は単にAngularとして知られています。 AngularJS(バージョン1)はまだ更新されていますが、Angularに焦点を当てます。最新の安定バージョンは、2020年2月にリリースされたAngular 9です。.

Vueロゴ

Vue, Vue.jsとも呼ばれ、グループの最年少メンバーです。これは、Googleの元従業員であるEvan Youによって2014年に開発されました。Vueは、大企業の支持を得ていなくても、過去3年間で人気が大幅に変化しています。現在の安定バージョンは2.6で、2019年2月にリリースされています(それ以降、いくつかの小さな増分リリースがあります)。 Vueの貢献者は Patreonによるサポート. Vue 3, 現在アルファ段階, する予定です TypeScriptに移動.

反応ロゴ

反応する, Facebookによって開発され、2013年に最初にリリースされました。Facebookは自社製品(Facebook、Instagram、およびWhatsApp)でReactを幅広く使用しています。現在の安定バージョンは16.Xで、2018年11月にリリースされています(それ以降の増分更新は小さくなっています).

ステータスと履歴の観点から、Angular vs React vs Vueの簡単な要約を以下に示します。

Angular vs React vs Vueの歴史

角度
反応する
Vue

初回リリース201020132014年
公式サイトangular.ioreactjs.orgvuejs.org
約サイズ(KB)50010080
現行版916.x2.6.x
によって使われたGoogle、WixFacebook、UberAlibaba、GitLab

ライセンス��‍♂️

オープンソースフレームワークを使用する前に、ライセンスを確認してください。興味深いことに、3つのフレームワークはすべて MITライセンス, 独自のソフトウェアであっても、再利用に制限を設けています。フレームワークまたはソフトウェアを使用する前に、ライセンスの影響を確認してください.

ここは MITライセンスの概要 平易な英語で.

人気��

なので "角度のある" そして "反応する" 一般的な言葉ですが、Googleトレンドからその人気を把握することは困難です。しかし、彼らの人気の良いプロキシは GitHubリポジトリが取得するスターの数. 2016年半ばにVueの星の数に突然の変化が発生し、最近、Vueは最も人気のあるフレームワークの中でReactを使用してそこに登場しました.

Angular vs React vs VueのGitHubプロジェクトのスターAngular、React、VueのGitHubプロジェクトのスターの数

Angular対React対Vueの求人市場がどのようになっているかを確認してみましょう。これも人気の良い尺度です。

Angular vs React vs Vueの求人市場��‍♂️

最高の データの出典 求人市場のトレンドを示すものは、さまざまな求人掲示板です.

2018年後半の傾向からわかるように、AngularまたはReactのスキルセットを必要とするジョブの数はほぼ同じですが、Vueのスキルはまだこの数のごく一部(約20%)でした。このリストは完全なものではありませんが、テクノロジー業界全体をよく表しています.

現在の求人市場の観点から厳密に見ている場合、最善の策はAngularまたはReactを学ぶことです。ただし、Vueは過去3年間に人気を博しているため、プロジェクトがVueを使用するか、Vueを採用する新しいプロジェクトがより多くの開発者に命令する成熟度レベルに到達するまでには時間がかかる場合があります.

パート2:コミュニティと開発

これらの各フレームワークの履歴と傾向に精通したので、これらのフレームワークの開発を評価するためにコミュニティを調べます。すべてのフレームワークについて、増分リリースが過去1年間定期的に出荷されていることをすでに確認しています。これは、開発が本格的に進んでいることを示しています.

GitHubリポジトリーの統計に関して、Angular vs React vs Vueを見てみましょう。

角度
反応する
Vue

#ウォッチャー3.2k6.6k6.0k
# 出演者57k144k157000
#フォーク15.9k27.6k23.7k
#貢献者1,0891,361289

Vueには多数のウォッチャー、スター、フォークがあります。これは、ユーザー間の人気と、VueとReactを比較したときの価値を示しています。ただし、Vueの貢献者の数はAngularやReactよりも少ない.

考えられる説明の1つは、 Vueは完全にオープンソースコミュニティによって推進されていますが、AngularとReactは、リポジトリに貢献しているGoogleとFacebookの従業員のかなりの割合を占めています。.

統計によると、3つのプロジェクトすべてが重要な開発活動を示しており、これは確かに今後も続くでしょう—これらの統計は、どちらかを使用するかどうかを決定しない根拠にはなりません。.

パート3:移行

選択したフレームワークで作業しているときに、フレームワークの更新が発生してコードがめちゃくちゃになることを心配する必要はありません。ほとんどの場合、バージョン間で多くの問題が発生することはありませんが、一部のアップデートはより重要であり、互換性を保つために微調整が必​​要になる場合があるため、常に最新情報を入手することが重要です.

角度 メジャーアップデートを計画 6か月ごと。また、主要なAPIが非推奨になるまでにさらに6か月の期間があり、必要に応じて2つのリリースサイクル(1年)で必要な変更を行うことができます。.

Angular vs Reactに関しては、Facebookは次のように述べています。 安定性が最も重要です 彼らにとって、TwitterやAirbnbのような巨大企業はReactを使用しているからです。次のようなスクリプトを使用すると、バージョンを介したアップグレードがReactで一般的に最も簡単です。 反応コードMOD 移行を支援.

FAQの移行セクションで、Vueは次のように述べています 1.xから2に移行する場合、APIの90%は同じです. あります 移行ヘルパーツール コンソールで動作し、アプリのステータスを評価します.

パート4:Vue vs Angular vs Reactの操作

ここで注目すべきいくつかの重要な特性があります。それらの主な特徴は、全体のサイズとロード時間、使用可能なコンポーネント、および学習曲線です。.

サイズと読み込み時間⏲️

ライブラリのサイズは次のとおりです。

  • Angular 4+:作成されたバンドルサイズによって異なります
  • 反応:116 KB
  • Vue:91 KB

フレームワークのサイズには大きな違いがありますが、平均的なWebページのサイズ(2018年は2+ MB)と比較すると、フレームワークのサイズはまだ小さいです。さらに、一般的なCDNを使用してこれらのライブラリをロードする場合、ユーザーがローカルシステムにライブラリをすでにロードしている可能性が高くなります。.

コンポーネント��️

コンポーネントは、Vue、React、Angularのいずれであっても、3つのフレームワークすべての不可欠な部分です。コンポーネントは通常、入力を受け取り、それに基づいて動作を変更します。この動作の変更は、通常、ページの一部のUIの変更として現れます。コンポーネントを使用すると、コードを簡単に再利用できます。コンポーネントは、eコマースサイトのカートまたはソーシャルネットワークのログインボックスです。.

角度 角度:
Angularでは、コンポーネントは次のように呼ばれます ディレクティブ. ディレクティブはDOM要素の単なるマーカーであり、Angularは特定の動作を追跡および添付することもできます。したがって、AngularはコンポーネントのUI部分をHTMLタグの属性として分離し、その動作をJavaScriptコードの形式で分離します。これは、Angular vs Reactを見るときにそれを際立たせるものです.
反応する 反応:
興味深いことに、ReactはUIとコンポーネントの動作を組み合わせています。たとえば、これは ReactでHello Worldコンポーネントを作成するコード. Reactでは、コードの同じ部分がUI要素の作成とその動作の指示を担当します.
Vue Vue:
Vueでは、UIと動作もコンポーネントの一部であるため、VueとReactを比較すると、より直感的になります。また、Vueは高度にカスタマイズ可能で、UIとコンポーネントの動作をスクリプト内から組み合わせることができます。さらに、次のこともできます CSSではなくVueでプリプロセッサを使用する, これは素晴らしい機能です。 Vueは、Bootstrapのような他のライブラリとの統合に関しては素晴らしいです.

同じアプリが異なるライブラリでどのように見えるかを比較するために、ここに素晴らしい投稿があります ReactとVueで同じTo Doリストアプリを作成する 2つのフレームワークの違いを対比.

学習曲線��

これらの各フレームワークを学ぶことはどれほど難しいですか?

角度 角度:
角度 完全なソリューションであることを考えると、学習曲線は急勾配であり、Angularを習得するには、TypeScriptやMVCなどの関連する概念を学ぶ必要があります。 Angularの学習には時間がかかりますが、投資はフロントエンドがどのように機能するかを理解するという点で配当を支払います.
反応する 反応:
Reactは 入門 約1時間でReactをセットアップするのに役立つガイド。ドキュメントは完全かつ完全であり、Stack Overflowにすでに存在する一般的な問題の解決策があります。 Reactは完全なフレームワークではなく、高度な機能にはサードパーティのライブラリを使用する必要があります。これにより、コアフレームワークの学習曲線はそれほど急ではありませんが、追加機能を使用してたどる経路に依存します。ただし、Reactの使い方を学習しても、必ずしも ベストプラクティス.
ヴュー Vue:
Vue より高いカスタマイズ性を提供するため、AngularやReactよりも学習が容易です。さらに、Vueは、コンポーネントの使用などの機能に関して、AngularおよびReactと重複しています。したがって、2つのいずれかからVueへの移行は簡単なオプションです。ただし、Vueのシンプルさと柔軟性は両刃の剣であり、貧弱なコードを許容するため、デバッグとテストが困難です。.

Angular、React、およびVueには重要な学習曲線がありますが、習得におけるそれらの使用は無限です。たとえば、AngularやReactをWordPressやWooCommerceと統合して、プログレッシブウェブアプリを作成できます.

Angular vs React vs Vue:勝者?

この投稿の終わりに向かって、質問に答えようとする各フレームワークの特徴的な機能を思い出してみましょう:Angular vs React vs Vue:どれを選ぶべきですか?

角ロゴ 角度 最も成熟したフレームワークであり、貢献者の面で優れた裏付けがあり、完全なパッケージです.

ただし、学習曲線は急であり、Angularの開発コンセプトは新しい開発者を先延ばしにする可能性があります.

Angularは、大規模なチームと開発者が既にTypeScriptを使用している企業に適しています。.

追加��興味があるかもしれないAngular管理ダッシュボードのテンプレートをいくつか紹介します.

反応ロゴ 反応する 成熟するのに十分な年齢であり、コミュニティからの多数の貢献があります。それは広く受け入れられています。 Reactの雇用市場は本当に良く、このフレームワークの将来は明るいように見えます.

Reactは、フロントエンドのJavaScriptフレームワーク、新興企業、開発者など、柔軟性が好きな人にとっては良い選択のようです。他のフレームワークとシームレスに統合する機能は、コードにある程度の柔軟性を必要とする人に大きな利点をもたらします.

Vueロゴ Vue 大手企業の支援なしに、アリーナで最も新しい.

しかし、ここ数年でAngularとReactの強力なライバルとして登場することは本当によくできています。これは、AlibabaやBaiduのような多くの中国の巨人がVueを主要なフロントエンドJavaScriptフレームワークとして選択していることでおそらく役割を果たしている.

しかし、それが将来どのように行われるかはまだ不明であり、慎重に扱う必要があります。シンプルさを好むが柔軟性も好きな場合は、Vueを選択する必要があります.

追加��興味があるかもしれないBootstrapで構築されたVue管理テンプレートの一部を次に示します.

Angular vs React vs Vueの議論への答えは、あなたがおそらく期待していた絶対的な正しい選択がないということです.

これらの各ライブラリには、独自の利点と欠点があります。取り組んでいるプロジェクトと個々の要件に基づいて、そのうちの1つが他のプロジェクトよりも適しています。特に個人的なプロジェクトではなくビジネスベンチャーに取り組む場合は、決定する前に独自の調査を行うことが常に重要です。.

ここで勝者となるフレームワークはどれだと思いますか– Angular vs React vs Vue?下のコメントでお知らせください.

参考文献: ��

  • Vue、Angular、Reactのマテリアルデザインテンプレート(マテリアルUI)
  • Best React UIコンポーネントライブラリ/フレームワーク
  • 興味深いVue UIコンポーネントライブラリ
  • 最高のAngular管理ダッシュボードテンプレート
  • ReactJSに最適な無料のブートストラップテンプレート
  • 無料のReactネイティブテンプレート
  • ブートストラップで構築された無料のプレミアムVueJS管理テンプレート

別のメモでは、WordPressをさらに使用してみませんか? WordPressは、考えられるほとんどすべてのWebサイトプロジェクトを実行するのに最適であり、デザインを美しくするために利用できる素晴らしいテーマがいくつかあります(多くは無料です)。言うまでもなく、WordPress Webサイトをより安価にホストできます.

WordPressサイトの高速化に関する速習コースに参加することを忘れないでください。いくつかの簡単な修正により、ロード時間を50〜80%も短縮できます。

Karol Kによるレイアウトとプレゼンテーション.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector