[[312389]]

Javascript框架的開(kāi)發(fā)速度非?？?，這意味著今天我們經(jīng)常更新Angular、React和另一個(gè)參與者Vue.js的版本。

我們分析了全球需要特定框架知識(shí)的開(kāi)放職位數(shù)量。作為消息來(lái)源，我們采用Indeed.com并根據(jù)超過(guò)60,000個(gè)工作機(jī)會(huì)獲得以下分配。

考慮到以下數(shù)據(jù)，我們決定分享每個(gè)前端框架的主要優(yōu)點(diǎn)和缺點(diǎn)，并幫助技術(shù)專業(yè)人員或工程師根據(jù)他們的開(kāi)發(fā)需求選擇最合適的框架。

Angular的利弊

Angular是一個(gè)超級(jí)棒的JavaScriptMVVM框架，成立于2009年，非常適合構(gòu)建高度交互的Web應(yīng)用程序。

Angular的好處：

• 創(chuàng)建的Angular與Typescript一起使用。并且對(duì)它有特殊的支持。
• Angular-language-service- 允許在組件外部HTML模板文件中進(jìn)行智能和自動(dòng)完成。
• 新功能，例如來(lái)自CLI的一代基于Angular的npm庫(kù)，基于Angular的WebComponents的生成和開(kāi)發(fā)。
• 詳細(xì)的文檔，允許為個(gè)人開(kāi)發(fā)人員獲取所有必要的信息，而無(wú)需詢問(wèn)他的同事。但是，這需要更多的時(shí)間進(jìn)行學(xué)習(xí)。
• 單向數(shù)據(jù)綁定，可為應(yīng)用程序啟用單一行為，從而最大限度地降低可能出錯(cuò)的風(fēng)險(xiǎn)。
• MVVM(Model-View-ViewModel)，允許開(kāi)發(fā)人員使用同一組數(shù)據(jù)在同一個(gè)應(yīng)用程序部分上單獨(dú)工作。
• 通常使用模塊和模塊化依賴注入與組件相關(guān)的功能。
• 專為最佳項(xiàng)目可擴(kuò)展性而創(chuàng)建的結(jié)構(gòu)和體系結(jié)構(gòu)

Angular的缺點(diǎn)：

• 與React和Vue.js相比，各種不同的結(jié)構(gòu)(注射器，組件，管道，模塊等)使得學(xué)習(xí)起來(lái)有點(diǎn)困難，React和Vue.js只考慮了“組件”。
• 根據(jù)不同的基準(zhǔn)測(cè)試，性能相對(duì)較慢。另一方面，它可以通過(guò)利用所謂的“ChangeDetectionStrategy”輕松解決，它有助于手動(dòng)控制組件的渲染過(guò)程。

React的利弊

React于2013年由Facebook開(kāi)源，非常適合構(gòu)建任何規(guī)模的現(xiàn)代單頁(yè)應(yīng)用程序。

React的好處：

• 由于其簡(jiǎn)單的設(shè)計(jì)，使用JSX(類似HTML的語(yǔ)法)進(jìn)行模板化和高度詳細(xì)的文檔，因此易于學(xué)習(xí)。
• 開(kāi)發(fā)人員花費(fèi)更多時(shí)間編寫(xiě)現(xiàn)代JavaScript，而不必?fù)?dān)心特定于框架的代碼。
• 非?？?，禮貌的React的虛擬DOM實(shí)現(xiàn)和各種渲染優(yōu)化。
• 對(duì)服務(wù)器端呈現(xiàn)的強(qiáng)大支持，使其成為面向內(nèi)容的應(yīng)用程序的強(qiáng)大框架。
• 借助`create-react-app`應(yīng)用程序生成器，支持一流的漸進(jìn)式Web應(yīng)用程序(PWA)。
• 數(shù)據(jù)綁定是單向的，意味著更少的不必要的副作用。
• Redux是在React中管理應(yīng)用程序狀態(tài)的最流行的框架，易于學(xué)習(xí)和掌握。
• React實(shí)現(xiàn)了功能編程(FP)概念，創(chuàng)建了易于測(cè)試和高度可重用的代碼。
• 使用Microsoft的TypeScript或Facebook的Flow可以使應(yīng)用程序類型安全，兩者都具有對(duì)JSX的本機(jī)支持。
• 在版本之間遷移通常非常容易，F(xiàn)acebook提供“codemods”來(lái)自動(dòng)化大部分過(guò)程。
• 在React中學(xué)到的技能可以(通常直接)應(yīng)用于React Native開(kāi)發(fā)。

React的缺點(diǎn)：

• React是不受干擾的，讓開(kāi)發(fā)人員可以選擇最好的開(kāi)發(fā)方式。這可以通過(guò)強(qiáng)有力的項(xiàng)目領(lǐng)導(dǎo)和良好的流程來(lái)解決。
• 社區(qū)在React中編寫(xiě)CSS的最佳方式上有所區(qū)別，在傳統(tǒng)樣式表(CSS模塊)和CSS-in-JS(即Emotion和StyledComponents)之間進(jìn)行劃分。
• React正逐漸遠(yuǎn)離基于類的組件，這可能成為開(kāi)發(fā)人員更容易使用面向?qū)ο缶幊?OOP)的障礙。
• 最初將模板與邏輯混合(JSX)可能會(huì)讓一些開(kāi)發(fā)人員感到困惑。

Vue.js的優(yōu)點(diǎn)和缺點(diǎn)

Vue.js于2013年推出，非常適合創(chuàng)建高適應(yīng)性的用戶界面和復(fù)雜的單頁(yè)面應(yīng)用程序。

Vue.js的好處：

• 賦予HTML權(quán)力。這意味著Vue.js與Angular有許多相似的特性，這有助于通過(guò)使用不同的組件來(lái)優(yōu)化HTML塊處理。
• 詳細(xì)文檔。Vue.js具有非常周密的文檔，可以為開(kāi)發(fā)人員設(shè)置學(xué)習(xí)曲線，并且僅使用HTML和JavaScript的基本知識(shí)就可以節(jié)省大量時(shí)間來(lái)開(kāi)發(fā)應(yīng)用程序。
• 適應(yīng)性強(qiáng)。它提供了從其他框架到Vue.js的快速切換周期，因?yàn)樗谠O(shè)計(jì)和架構(gòu)方面與Angular和React相似。
• 很棒的整合。Vue.js可用于構(gòu)建單頁(yè)面應(yīng)用程序和更困難的應(yīng)用程序Web界面。主要的是，較小的交互式部件可以輕松集成到現(xiàn)有基礎(chǔ)設(shè)施中，而不會(huì)對(duì)整個(gè)系統(tǒng)產(chǎn)生負(fù)面影響。
• 大規(guī)模。Vue.js可以幫助開(kāi)發(fā)相當(dāng)大的可重用模板，根據(jù)其簡(jiǎn)單的結(jié)構(gòu)，可以在沒(méi)有為其分配額外時(shí)間的情況下制作模板。
• 小巧的尺寸。Vue.js的重量可以保持在20KB左右，保持其速度和靈活性，與其他框架相比，可以實(shí)現(xiàn)更好的性能。

Vue.js的缺點(diǎn)：

缺乏資源。與React或Angular相比，Vue.js的市場(chǎng)份額仍然很小，這意味著該框架中的知識(shí)共享仍處于起步階段。

過(guò)度靈活的風(fēng)險(xiǎn)。有時(shí)，Vue.js在整合到大型項(xiàng)目時(shí)可能會(huì)遇到問(wèn)題，但仍然沒(méi)有可能的解決方案經(jīng)驗(yàn)，但它們肯定會(huì)很快到來(lái)。

結(jié)論

對(duì)于真正的工程師來(lái)說(shuō)，選擇哪個(gè)框架沒(méi)有太大的區(qū)別，因?yàn)樗恍枰恍r(shí)間來(lái)適應(yīng)新的框架。在我們公司，我們?cè)赗eact和Angular中積累了大量專業(yè)知識(shí)，但Vue.js也在其中。每個(gè)框架都有自己的優(yōu)點(diǎn)和缺點(diǎn)，這意味著在產(chǎn)品開(kāi)發(fā)過(guò)程中每個(gè)案例都應(yīng)該有正確的選擇。

原文：https://medium.com/@TechMagic/reactjs-vs-angular5-vs-vue-js-what-to-choose-in-2018-b91e028fa91d