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