談到框架，這些天你的選擇差不多。在本文中，我們希望能夠更輕松地做出決定。

選擇技術(shù)堆棧有時會變成一項繁瑣的任務(wù)，因為您需要考慮每個因素，包括預(yù)算，時間，應(yīng)用程序大小，最終用戶，項目目標和資源。

無論您是初學者，開發(fā)人員，自由職業(yè)者還是項目架構(gòu)師形成策略，明智地決定每個框架的優(yōu)缺點都是明智的。因此，這篇文章不會幫助您選擇最好的文章，因為該決定取決于項目的范圍和框架是否適合您的需求。但是，這篇文章可以幫助您更好地理解每個框架以及趨勢和見解。

讓我們開始吧

根據(jù)谷歌的趨勢，看一下React與Angular與Vue.js的比較。

如果我們考慮過去一年，Angular似乎是贏家，React排在第二位，為Vue.js留下一小部分。

React vs. Angular vs. Vue

以下是一些可以幫助您更好地比較這些框架的問題：

• 它們是否足以構(gòu)建可擴展的應(yīng)用程序？
• 是否很容易為每個框架找到開發(fā)人員？
• 您是否了解此處列出的每個框架背后的核心概念？
• 您是否分析過每個框架的性能，速度和學習曲線？
• 有沒有工具可以使用這些庫開發(fā)應(yīng)用程序？

讓我們逐個找到每個問題的答案。

每個框架的歷史

React是一個用于構(gòu)建Web應(yīng)用程序UI組件的JavaScript庫。React由Facebook維護，許多領(lǐng)先的科技品牌在其開發(fā)環(huán)境中使用React。React被Facebook，Uber，Netflix，Twitter，Udemy，Paypal，Reddit，Tumblr，Walmart 等使用。來自Facebook的另一個受歡迎的企業(yè)React Native用于使用JavaScript和React構(gòu)建本機移動應(yīng)用程序。許多知名公司因其出色的特性和功能而轉(zhuǎn)向React開發(fā)。該 陣營與Vue.js 主題也在網(wǎng)絡(luò)上嗡嗡作響，為您提供了選擇最佳框架的充分見解。

Angular是一個由Google支持的基于TypeScript的JavaScript框架。這是一個非常受歡迎的前端開發(fā)框架。Angular是作為Angular 2或Angular發(fā)布的，它構(gòu)成了AngularJS（框架的第一個版本）的重寫。

Angular開發(fā)在全球開發(fā)人員中廣泛流行，并被谷歌，福布斯，WhatsApp，Instagram，healthcare.gov和許多財富500強公司等大型組織使用。

現(xiàn)在，來到Vue，Vue.js是討論最多且發(fā)展最快的JavaScript框架之一。它由前谷歌員工Evan You創(chuàng)建，他在擔任Google員工時曾在Angular工作過。您可以認為它是成功的，因為它能夠使用HTML，CSS和JavaScript構(gòu)建有吸引力的UI。Vue被阿里巴巴，GitLab，百度使用，并受到全球開發(fā)人員和設(shè)計師的贊賞。

人氣和市場趨勢

根據(jù)2017年Stackoverflow調(diào)查，Angular受到51.7％的開發(fā)者的喜愛，而React被66.9％的受訪開發(fā)者所接受。React和Angular在流行的前端框架類別中具有幾乎相同級別的用戶。Vue沒有在上述任何一個名單中占據(jù)一席之地，但有能力參加這場戰(zhàn)斗。

現(xiàn)在，再看看GitHub上所有這三個框架評級的統(tǒng)計數(shù)據(jù)。

這個GitHub為Angular，React和Vue創(chuàng)作的明星歷史展示了Vue.js在開發(fā)人員中的流行程度。目前，Vue有108086顆星，React獲得106807顆星，Angular獲得 38654顆星。

如果我們觀察上述統(tǒng)計數(shù)據(jù)，Vue.js似乎很受歡迎。盡管它是一個“單人秀”，但它有能力吸引開發(fā)人員的注意力，因為它結(jié)構(gòu)精良且易于構(gòu)建。

最重要的是，你不應(yīng)該忘記Angular和React正被業(yè)界的大牌使用。Google在他們的項目中使用了Angular，F(xiàn)acebook，Airbnb，Dropbox，WhatsApp和Netflix等品牌正在其開發(fā)環(huán)境中使用React。

社區(qū)支持與增長

由于React由Facebook提供支持而Angular由Google維護，因此這兩個框架的增長毫無疑問。在這兩個框架中，更新和發(fā)布都經(jīng)常發(fā)布，但在遷移時它們得到了很好的維護。根據(jù)React和Angular的開發(fā)人員的說法，升級不是問題，每六個月會有一次重大更新。Angular團隊定期發(fā)布版本更新，發(fā)布和折舊期。

如果我們以這種方式考慮Vue.js，就會有一個遷移幫助工具，它使遷移變得更容易。但在大型應(yīng)用程序中，它可能會導(dǎo)致問題，因為沒有適當?shù)穆肪€圖專注于版本控制和他們的計劃。

React比Angular更靈活，因為Angular是一個完整的框架，React是一組獨立，更快，不斷發(fā)展的庫，為此，你必須密切關(guān)注不再支持或維護的每個小模塊。

找到開發(fā)人員很容易嗎？

React涉及更多JavaScript，有時這也是人們面向Angular或Vue的原因。使用HTML更有意義，因為React具有不同的JSX語法--JavaScript XML。但是，它不需要在您的應(yīng)用程序中使用JSX，但熟悉React的設(shè)置，環(huán)境和體系結(jié)構(gòu)有點困難。

在這種情況下，Angular是一個非常好的選擇。您可以輕松找到Angular開發(fā)人員，它擁有一個完善的社區(qū)，擁有大量項目，更新，資源，并且具有可持續(xù)發(fā)展的未來。

JSX還是HTML？你更喜歡什么？

這是一場無休止的討論。Angular使用增強的HTML，而React更多地是關(guān)于JavaScript。請記住，所有這三個框架都是基于組件的。只要應(yīng)用程序需要，您就可以重用組件。根據(jù)官方文檔，如果我們談?wù)揓SX，JSX既不是字符串也不是HTML。它允許開發(fā)人員創(chuàng)建React元素，它是JavaScript的語法擴展。

使用它有一個優(yōu)勢，因為JavaScript比HTML更強大，而且它是一種維護良好且成熟的語言，適用于前端開發(fā)。Vue與兩個框架都不同。它分離了關(guān)注點，使開發(fā)人員能夠以有序的方式編寫樣式，腳本和其他內(nèi)容。對于熟悉HTML的初學者，設(shè)計師和經(jīng)驗豐富的開發(fā)人員來說，這聽起來不錯。

注意：您可以在Babel插件的幫助下在Vue中使用JSX。

框架？程序庫？有什么不同？

Angular是一個框架，因為它為您提供了使用完整設(shè)置構(gòu)建應(yīng)用程序的良好開端。您無需查看庫，路由解決方案和結(jié)構(gòu)。你可以簡單地開始建設(shè)。另一方面，React和Vue比Angular更靈活，更通用。

使用React，您可以進行多個集成，因為您可以將庫與其他優(yōu)秀工具配對，交換和集成。在這一點上，React開箱即用，因為它提供了無縫集成的靈活性，但是，這樣做有更多的機會出錯，它需要更多的依賴。

與這三個框架相比，Vue是最干凈的。它可以幫助您在保持代碼高效的同時實現(xiàn)內(nèi)部依賴性和靈活性的完美平衡。它是一個非常簡單，直接且易于使用的JavaScript框架，旨在簡化Web開發(fā)。

您需要關(guān)注的其他重要事項

Angular涉及依賴注入，這是一個對象為另一個對象提供依賴關(guān)系的概念。這使代碼更清晰，更容易理解。另一方面，有一個MVC模式將項目分成三個不同的組件 - 模型，視圖和控制器。React沒有任何這樣的概念，它只用于構(gòu)建應(yīng)用程序的View，而Angular則基于MVC架構(gòu)。

表現(xiàn)：哪個更好？

Virtual DOM模型在性能方面非常有用。React和Vue都有一個Virtual DOM。由于結(jié)構(gòu)精良，Vue可提供出色的性能和內(nèi)存分配。另一方面，React運作良好，Angular已經(jīng)在競爭中領(lǐng)先。

性能取決于各種因素。這三個框架比其他JavaScript框架相對更快。您不應(yīng)該考慮性能來得出結(jié)論，因為它主要依賴于應(yīng)用程序的大小和代碼的優(yōu)化。

本機應(yīng)用程序開發(fā)？可能？

原生應(yīng)用程序是為特定平臺構(gòu)建的。React擁有React Native，您可以使用它為iOS和Android開發(fā)本機應(yīng)用程序。Angular的NativeScript已經(jīng)被很多人用來開發(fā)本機應(yīng)用程序，而Ionic框架在制作混合應(yīng)用程序時廣受歡迎。

Vue的Weex平臺正在不斷發(fā)展，目前似乎還沒有計劃進一步發(fā)展，使其成為一個成熟的交叉開發(fā)平臺。

哪個平臺提供簡單的學習曲線？

Angular和React有自己的方法來做事情，其中，Vue相當容易。許多公司正在轉(zhuǎn)向Vue，因為它易于使用。在Angular或React中開發(fā)需要良好的JavaScript知識，您需要就第三方庫做出很多決策。

如果您的應(yīng)用程序很大并且在Vue中涉及大量代碼，那么不僅編碼，而且調(diào)試和測試可能是一個真正的問題，因為它允許您以老式的JavaScript方式構(gòu)建應(yīng)用程序。

Angular提供了非常豐富且清晰的錯誤消息，實際上可以幫助開發(fā)人員解決問題。

單向數(shù)據(jù)流與雙向數(shù)據(jù)綁定

這是React和Angular之間的主要區(qū)別之一。雙向數(shù)據(jù)綁定是指UI字段綁定到動態(tài)建模的機制。當UI元素發(fā)生變化時，模型數(shù)據(jù)也會相應(yīng)地更改。另一方面，單向數(shù)據(jù)流意味著只有一個單一的事實來源 - 模型。應(yīng)用程序的數(shù)據(jù)以單一方向流動，只有模型才能更改應(yīng)用程序的狀態(tài)。

單向數(shù)據(jù)流易于理解和確定，而雙向數(shù)據(jù)綁定由于其復(fù)雜性而難以理解和實現(xiàn)。

現(xiàn)在，如果我們在這種情況下考慮我們的框架，Angular使用雙向數(shù)據(jù)綁定，React用于單數(shù)據(jù)流，Vue支持兩者。在這里，重點是，Angular的雙向方法提供了有效的編碼結(jié)構(gòu)，開發(fā)人員發(fā)現(xiàn)它易于使用。React提供了更好的概述和理解，因為數(shù)據(jù)是在一個方向上管理的。

Mircoapps和微服務(wù)的崛起

科技界目前正在接受mircoapps和微服務(wù)。React和Vue都可以靈活地選擇對應(yīng)用程序很重要的東西。您只需將所需的庫添加到React和Vue中的源代碼中。Angular使用TypeScript，這就是為什么它更適合SPA而不是微服務(wù)。React和Vue都為開發(fā)微應(yīng)用程序和微服務(wù)提供了更大的靈活性。

最后，我應(yīng)該選擇什么？

如果您比其他功能更喜歡靈活性，請使用React。

如果您喜歡在TypeScript中編碼，請選擇Angular。

如果您是JavaScript愛好者，請使用React，因為它完全與JavaScript有關(guān)。

如果您喜歡干凈的代碼，請在您的應(yīng)用程序中使用Vue。

Vue提供最簡單的學習曲線，是初學者的理想選擇。

如果要在應(yīng)用程序中分離關(guān)注點，請使用Vue。

如果您喜歡面向?qū)ο蟮木幊?，Angular絕對是您的選擇。

Vue非常適合小型團隊和小型項目。如果您的應(yīng)用程序似乎很大并且具有重要的未來擴展計劃，請選擇React或Angular。

對于跨平臺應(yīng)用程序開發(fā)，React Native是一個理想的選擇，因為它提供了現(xiàn)代功能，您可以輕松地找到資源。另一方面，Angular需要良好的JavaScript知識才能構(gòu)建大規(guī)模應(yīng)用程序。

一個快速比較Angular vs. React vs. Vue

在這里，我們盡量不偏向于任何框架。無論技術(shù)或框架如何，我們都相信您的要求必須得到滿足。如果我們遺漏了任何可以使本文更全面的重要觀點或概念，您可以通過以下評論告訴我們！