三個JavaScript框架重量級:Angular,React和Vue

2021-01-08 智能甄選

你可能知道這三個JavaScript框架重量級,但哪一個是正確的?嘗試查看使用每個框架構建的相同應用程式並進行自己的評估。

在這篇文章中,我們提出了一個使用三種不同框架開發三次的開源參考應用程式:React,Vue和Angular。

作為Keyhole顧問,我們面臨著從客戶項目到客戶項目的大量技術堆棧和實施。特別是對於我們的企業客戶,必須非常謹慎地選擇最適合公司技術需求和當前環境的技術。畢竟,由於缺乏選擇和開發人員缺乏添加功能,他們不想在短短幾年內重寫相同的應用程式。

我們認為在實現JavaScript單頁面應用程式(SPA)用戶界面時使用正式的MV * JavaScript框架非常重要。這似乎是顯而易見的,但我們已經救出了許多試圖使用jQuery編寫應用程式的項目,這可能會導致大型JavaScript源文件。它們在團隊開發環境中難以維護和分解。

談到JavaScript MV *框架,選項很豐富。可以說,目前最流行的框架是ReactJS,Angular和Vue。所有這些都有利有弊,但您將成功使用這些框架中的任何一個來編寫SPA。問題變成:您如何評估和確定最適合您的技術選擇?

組織做出這一決定的一種常見方式是進行「bake-off」競賽。為此,在一個或多個框架中實現參考應用程式以查看其實際運行情況。通過查看代碼並實施解決方案,它可以幫助確定最適合您組織的JavaScript框架類型。

所以,不用多說了,讓我介紹一下我們的「bake-off」JavaScript SPA應用程式。

現在的應用程式

在這個「烘烤」中,有問題的應用程式是正在播放。它顯示當前在影院中的電影,並允許用戶查看,搜索和排列動態影像。它足夠強大,可以很好地洞察企業級團隊所需的許多功能。

GitHub上的以下存儲庫提供了三個免費的開源實現:

Angular:github.com/in-the-keyhole/khs-angular2-now-playing

React:github.com/in-the-keyhole/khs-react-now-playing

Vue:github.com/in-the-keyhole/khs-vue-now-playing

說明

只需按照每個存儲庫中列出的ReadMe說明操作即可。

這些應用程式將實現具有接近像素完美保真度的「即時播放」。然後,您可以研究每個框架的JavaScript實現。密切關注哪種方法最適合您組織的文化,能力和風格。

最後提到

所有正在評估的框架已經由一些知名公司部署到生產中。React已被Facebook,Netflix,Uber和Airbnb使用。Vue已被阿里巴巴,任天堂和Expedia使用。Angular已被Barnes&Noble,Wix,Healthcare.gov,Forbes和The Guardian等人使用。

我們希望您發現這種並排比較有助於您做出自己的區分。問題的真相是,您可以使用任何這些庫構建高質量的應用程式。大多數差異取決於個人偏好以及對您的組織最重要的因素。請密切關注即將發布的有關這些主題的白皮書。

相關焦點

  • Angular、React、Vue,誰能成為2021年JavaScript最佳框架?
    要回答這個問題有點困難,在軟體開發行業中有大量可用的語言和框架。JavaScript已經成為大多數開發流程的支柱,所以我想對三種基於JavaScript的框架進行比較,我選擇的是Angular、React和Vue三種框架。
  • React、Angular和Vue三種最流行的前端框架哪一個最好?
    另一方面,框架被設計用於執行更複雜的事情。所以如果我們使用框架,那麼它會自動為我們解決很多問題。每個框架都有一個預定義的設計或結構,包括許多庫和設置跑步者。框架的主要優點是開發過程要快得多,因為它包含了我們執行不同任務所需的所有可能的庫。但是一個框架比圖書館有更嚴格的設計。React是一個用於構建用戶界面的庫,而Angular和Vue是用於相同目的的框架。
  • Vue、React和Angular:該選擇哪個框架?
    作者 | InVerita 譯者 | Sambodhi 策劃 | 蔡芳芳 本文對三個最流行的 JavaScript 框架進行了全面的比較:Vue、React 和 Angular,如果你是正在開發或者目前正在考慮使用這些流行框架之一來啟動項目的開發人員
  • Vue、React 和 Angular:該選擇哪個框架?
    本文對三個最流行的 JavaScript 框架進行了全面的比較:Vue、React 和 Angular,如果你是正在開發或者目前正在考慮使用這些流行框架之一來啟動項目的開發人員,我們希望本文對你選擇正確的解決方案能有所幫助。
  • Vue、React 和 Angular:該選擇哪個框架?
    本文對三個最流行的 JavaScript 框架進行了全面的比較:Vue、React 和 Angular,如果你是正在開發或者目前正在考慮使用這些流行框架之一來啟動項目的開發人員,我們希望本文對你選擇正確的解決方案能有所幫助。
  • Angular vs React vs Vue:完整的比較指南2020
    您是否知道前端框架的普及度正在快速增長? 最初,通常開發人員使用Angular和React,但現在,出現了第三個競爭對手Vue.js。讓我們開始尋找在Angular,React和Vue.js中找到最佳框架的過程。
  • 我就想招React,為啥遍地都是Vue?
    農夫山泉和怡寶不都是自來水嗎,為啥你就喝農夫山泉?同理,react和vue就不是Javascript了?JavaScript 開發者參與調查,中國共75個開發者佔總數的 0.37%,中國也許這個數據會有一些不同一、為什麼學react的要比Vue的人多呢?
  • 前端框架Vue、angular、React大PK
    2  angular  angularJS是一款優秀的前端JS框架,已經被用於Google的多款產品當中。模板功能強大豐富,自帶了極其豐富的angular指令。  2. 是一個比較完善的前端框架,包含服務,模板,數據雙向綁定,模塊化,路由,過濾器,依賴注入等所有功能;  3. 自定義指令,自定義指令後可以在項目中多次使用。  4. ng模塊化比較大膽的引入了Java的一些東西(依賴注入),能夠很容易的寫出可復用的代碼,對于敏捷開發的團隊來說非常有幫助。
  • angular框架發展史
    如果你是一個前端開發者,那麼你一定知道前端三大框架vue,angular,react。今天我們就來聊一聊angular的發展史。AngularJS vs Angular這兩個是一個東西嗎?angularjs指的是早期的angular版本,就是從2009年誕生的那個版本,那個時候angularjs版本更新很慢,直到2016年,angularjs的版本才是1.7*,而在這之後,angularjs不在繼續老版本的更新了,而是推出了一個全新的版本angular2,這個版本因為從底層徹底重構了,所以它和之前的angularjs可以說不是一個框架了,因此,現在人們討論的angular
  • 什麼是MVVM,MVC和MVVM的區別,MVVM框架VUE實現原理
    在過去的10年中,我們已經把很多傳統的服務端代碼放到了瀏覽器中,這樣就產生了成千上萬行的javascript代碼,它們連接了各式各樣的HTML 和CSS文件,但缺乏正規的組織形式,這也就是為什麼越來越多的開發者使用javascript框架。比如:angular、react、vue。瀏覽器的兼容性問題已經不再是前端的阻礙。前端的項目越來越大,項目的可維護性和擴展性、安全性等成了主要問題。
  • 前端三大主流框架的區別
    其實相對react和vue來說,angular更可以說是一個框架,而react和vue本身只能算是一個庫。angular自帶了幾乎所有頁面應具有的功能,路由、表單、ajax、模版、雙向數據綁定等等。它原生的form表單模塊非常強大,除了雙向綁定的基本功能,還自帶驗證等,開發人員不需要再去為了這些功能找第三方庫,angular一個框架就包含了這些的所有,因此對於選擇困難症人群,這是一個優點。
  • Vue vs React: Javascript框架之戰
    React sample app(https://github.com/ptasker/pasta-pete-react) Vue sample app(https://github.com/ptasker/pasta-pete-vue) 簡單介紹 除非你最近一直不關注前端的發展,不然你肯定聽說過由Facebook創建的JavaScript
  • 5月23日 GitHub JavaScript 趨勢榜項目
    Windows, macOS, Linux, Android和iOS。10. vuejs/vuex項目地址:https://github.com/vuejs/vuexstars:23815 | forks:7896 | 19 stars todayVue.js的集中狀態管理。
  • 前端三大框架之React前世今生
    前端有三寶,angular,vue,react。目前這三大主流JS框架已經成三分之勢。其中的React框架是由臉書開發的,今天我們就來聊一聊ReactJS的前世今生。在2012年的時候,照片牆(Instagram)這個應用也大量採用了react這個技術。好東西要學會分享,在2013年的js開發者大會上,ReactJS被開源了。我們都知道開源社區是非常強大的,開源的React在短短幾年就積累了大量的擴展,這讓react一下子就成為了三大框架之一。如果React只能做網頁,我相信還不能讓這麼多人追捧它。
  • 前端諸神大戰,Vue、React 依舊笑傲江湖
    授權選擇開源框架時,授權是一個需要認真考慮的方面。不過,幸好三個框架都採用了寬鬆的 MIT 授權,所以在這方面不需要有太多顧慮。React 曾採用 BSD+專利授權的方式,但在 2017 年,這個授權受到了許多開發者的質疑,因為該授權意味著 Facebook 理論上可以對任何使用 React 的公司提出專利訴訟。
  • 前端三大框架-vuejs之父尤雨溪
    我們都知道目前前端有三個非常流行的框架,非別是angularjs,reactjs,vuejs。而這三個當中,vuejs的受歡迎度目前是最高的,而開發vuejs的就是一個中國人尤雨溪。當時他的課程主要學的是動畫算法和應用交互,在學習的期間,他偶然接觸到了javascript這個程式語言,他發現這門語言非常棒,它能快速構建一些東西,然後分享給別人,別人只要通過瀏覽器就可以看到你分享的東西,他被這門語言深深吸引了。
  • 基於 Vue 日曆日程組件FullCalendar-Vue
    今天給大家分享如何在Vue框架下使用FullCalendar。Angular框架下使用方法。react版本https://fullcalendar.io/docs/reacthttps://github.com/fullcalendar/fullcalendar-reactangular
  • 前端開發er們,你們覺得react香不香?
    從事前端開發的程式設計師都應該知道,前端的開發的「三板斧」是css,javascript和HTML,但是各種框架可謂是層出不窮。自從node面世之後,react,vue,angular成為程式設計師的追捧三大框架,有一種「三足鼎立」之勢。
  • vuejs 中組件實現
    ,如何將定義組件(js 對象)轉化為 dom 對象,以及組件的屬性轉換為 dom 屬性,這是每一個前端框架在設計時需要認真思考和設計的問題。components:{},});昨天寫 react,今天朋友讓我來談談 vue,個人對於 vue 了解並不多。
  • React vs Angular vs Vue.js:到底怎麼選擇?
    Javascript框架的開發速度非常快,這意味著今天我們經常更新Angular、React和另一個參與者Vue.js的版本。我們分析了全球需要特定框架知識的開放職位數量。作為消息來源,我們採用Indeed.com並根據超過60,000個工作機會獲得以下分配。考慮到以下數據,我們決定分享每個前端框架的主要優點和缺點,並幫助技術專業人員或工程師根據他們的開發需求選擇最合適的框架。