「前端架構」React,Angular和Vue:哪一個最好,為什麼

這是幫助開發人員構建Web應用程序的三種最流行的工具。 請繼續閱讀,瞭解哪一個最適合您的需求。

「前端架構」React,Angular和Vue:哪一個最好,為什麼

「前端架構」React,Angular和Vue:哪一個最好,為什麼

「前端架構」React,Angular和Vue:哪一個最好,為什麼

在當今的發展世界中,技術正在快速增長並且變化迅速,許多開發工具似乎可以解決不同的開發問題。在本次討論中,我們將比較三種最流行的前端開發技術--Angular,React和Vue。我們正在基於項目架構或從開發人員的角度討論這種比較,他們將為新項目選擇技術。因此,我們首先需要明確決定是否要開發單頁面應用程序(SPA)或標準的多頁面應用程序。

庫或框架?

所以在進行更深入的比較之前,我們首先需要確定需要哪一個 - 庫或框架?實際上,庫設計用於執行某些特定任務,它們通常並不複雜。因此,如果我們使用庫構建應用程序,那麼我們需要為每個任務選擇一個庫,以及設置任務運行器。庫的主要優點是我們可以完全控制應用程序。但問題是設置項目需要花費更多的時間。

另一方面,框架是為執行更復雜的事情而設計的。因此,如果我們使用框架,那麼它將自動為我們解決許多問題。每個框架都有一個預定義的設計或結構,包括許多庫和設置的運行程序。框架的主要優點是開發過程要快得多,因為它包含執行不同任務所需的所有可能的庫。但是框架的設計比庫更嚴格。

React是用於構建用戶界面的庫,而Angular和Vue是用於相同目的的框架。

生命週期與戰略比較

  • React於2013年3月首次發佈,被描述為JavaScript庫。 React由Facebook開發和維護。 Facebook在多個頁面上使用React用於許多組件,但不用於創建單個頁面應用程序。 React也被Uber,Netflix,Twitter,Reddit,Udemy,Paypal,Walmart和其他人使用。
  • Angular是一個基於TypeScript的JavaScript框架。它由Google開發和維護。它於2010年10月首次發佈,但此後經歷了多次更新,目前正在使用Angular 6. Angular被描述為“超級英雄JavaScript MVW框架。”Angular被Google,Wix,weather.com,Forbes和其他人使用。
  • Vue是當今世界上發展最快的JavaScript框架之一。 Vue被描述為“用於構建交互式界面的直觀,快速且可組合的MVVM。”它於2014年2月首次發佈。它是前Google員工Evan You的心血結晶。 2016年,Vue第2版發佈。它被阿里巴巴,百度,GitLab和其他公司使用。

Angular,React和Vue都在MIT許可下提供。

核心發展

根據上面的討論,Angular和React受到Facebook,Google,Whatsapp等大公司的支持和使用。目前,Google在他們的許多項目中使用Angular,例如AdWords UI(使用Angular和Dart實現)。而Vue主要用於小型項目的個人。我們來看看在GitHub上找到的一些統計數據:

  • Angular擁有超過25,000顆星和463個貢獻者。
  • React擁有超過70,000顆星和超過1,000名貢獻者。
  • Vue擁有近6萬顆星,僅有120位貢獻者。

靈活性

我們可以通過簡單地將JavaScript庫添加到源應用程序來開始使用React或Vue進行開發工作。但是對於Angular來說這是不可能的,因為它使用TypeScript。因為在當今的Web開發世界中,我們正在更多地接近微服務和微應用程序,React和Vue通過僅選擇那些真正需要的東西來讓我們更好地控制應用程序的大小。 Angular最適合作為基於SPA的應用程序的框架。

性能

在庫或框架的大小的情況下,Angular相對於其他選項而言相當大。 gzip文件大小為143k,而Vue為23k,React為43k。 React和Vue都使用Virtual DOM,它可以提高瀏覽器DOM的性能。在整體分析中,Vue具有出色的性能和三者最深的內存分配。但是所有這三個選項在性能方面都非常接近。

如果要檢查源,則可以訪問下面的GitHub存儲庫:

結論

React,Angular和Vue對於開發都非常有用,並且它們都沒有明顯優於其他開發。所以下面我給出了一個表格,它將展示何時選擇哪一個:

「前端架構」React,Angular和Vue:哪一個最好,為什麼

如果你仍然無法決定你需要選擇哪一個,我建議你先學習React,然後是Vue,然後是Angular。 因為前兩個主要基於JavaScript,第三個完全基於TypeScript。

原文:https://dzone.com/articles/angular-framework-advantages-compare-to-react-amp

本文:https://pub.intelligentx.net/react-angular-and-vue-which-one-best-and-why

討論:請加入知識星球或者小紅圈【首席架構師圈】


分享到:


相關文章: