Angular、Vue、React の 3 つの主要フレームワークが 2018 年に本格化

2018 年に最もホットなフロントエンドの宣伝は、angular、vue、react という 3 つの主要なフレームワークによるものです。これら 3 つの主要なフレームワークについての私の理解を話しましょう。

3、4 年前、あるいはそれ以前の初期の頃は、フロントエンドが完全に分離されておらず、ネイティブ JS でフロントエンド ページを開発するのはエレガントではないようでした。メンテナンスは非常に時間がかかり不便でしたが、jQuery ライブラリの登場により、開発者の効率が向上し、ブラウザの互換性が低下し、しばらくの間多くのファンを獲得しました。ただし、mvc または mvvm アーキテクチャがないため、自分で設定する必要があります。

その後、MVC フレームワークの Angular が登場しましたが、これは変更がある限り、計算を再度実行する必要がありました。その後、React の仮想 DOM が登場し、DOM 操作が削減され、プロジェクトのコストが削減されました。効率と手順は向上しますが、react は view レイヤーに基づいており、flux や redux などの他のフレームワークと連携する必要があります。たとえば、react を vue と比較すると、使用方法が比較的複雑になります。 、命令は使用できず、トラバーサルは不便です。

React と比較すると、Vue は React ほど柔軟ではなく、簡単に合わせることができませんが、開発には Vue のプラグイン、コンポーネント、エコシステムで十分です。 Vue は個人主導のプロジェクトですが、React は Facebook チームによって維持されており、コミュニティは比較的繁栄していますが、Vue は多くのプロジェクトに適しており、徐々に拡大しており、見通しも非常に良好です。

Angular

Angularのベテランとして、angular1、angular2、angular4を経て、それぞれのバージョンが新しいフレームワークになっているようです。 angular1 の

if は、vue の v-if に非常に似ています。これは、vue のコマンド システムが angular1 からインスピレーションを得ており、angular1 の多くの問題が vue で解決されるためです。

angular2 に関しては、1 よりも優れています。これは、新しいフレームワークです。たとえば、コンポーネント システムが改善され、API も大幅に変更されました。多くの改良が加えられていますが、依然として非常に肥大化しています。

angular2 や angular4 の機能リストと比較すると、多くの新機能が追加され、古い機能がいくつか改善されました。angular4 を使用するプログラムは、以前のバージョンよりも消費スペースが少なくなり、より高速に実行されます。

使用シナリオ
プロジェクトに高いパフォーマンス要件がない場合は、angular を使用できます。または、angular1 を使用している一部のプロジェクトをアップグレードする必要があり、パフォーマンスを必要としないプロジェクトがないため、 angular いくつかの新しいプロジェクトを慎重に検討してください... (さらに詳しく知りたい場合は、PHP 中国語 Web サイト

AngularJS 開発マニュアル

にアクセスして学習してください) React

公式には、React は Facebook が mvc フレームワークに満足していないためであると述べられていますInstagram Web サイトを構築するためのセットを構築しました。使いやすかったため、2017 年末までに React は 16.2 にアップグレードされ、ルーティングも React になりました。 router3 は、react-router4、react-router-dom にアップグレードされました

仮想 DOM
React は、ページが初めてロードされるときに、仮想 DOM (Virtual DOM) について言及する必要があります。データが変更されると、変更されたコンテンツと既存のレンダー ツリーを比較して最適なアルゴリズムを見つけ、レンダー ツリーを変更し、最後にページの DOM ツリーを再生成します。仮想 DOM により、フロントエンドのパフォーマンスが大幅に向上しました。

コンポーネント化

• React のコンポーネント化のアイデアが特に反映されており、コンポーネント化により、コンポーネントが合成可能、再利用可能、保守可能になり、

柔軟性が大幅に向上します。

• react はビュー層に基づいており、その役割を果たすには、flux、redux などのいくつかのプラグインと連携する必要があります。もちろん、より良い結果を達成するために、より多くのライブラリと連携することもできます。使用シナリオ

大規模プロジェクトの場合、基本的には React の使用が第一の選択肢となります。次に、React Native を使用すると、モバイル デバイス上で React を実行できます。

Vue

• Vue は 2014 年 2 月にオープンソース化され、You Daniu によって作成され、これまでに v2.5、vue のファミリー バケット Vue-router、Vuex、サーバーサイド レンダリング、および vue の仮想 dom にアップグレードされました。 、コンポーネント化、パフォーマンス、Angular と React の経験がないチーム、およびそれほど大規模ではないフロントエンド プロジェクトにとって、vue は良い選択です

概要

フレームワークの選択は、プロジェクトだけではありません。それ自体も会社のチームを統合する必要があります。チームの技術スタックがプロジェクト フレームワークの選択に直接つながる可能性があります

さて、この記事はここで終わります (さらに詳しく知りたい場合は、PHP 中国語 Web サイト

AngularJS ユーザー マニュアル

) にアクセスしてください。研究）、ご質問がございましたら、以下にメッセージを残していただけます。

以上がAngular、Vue、React の 3 つの主要フレームワークが 2018 年に本格化の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。