如何選擇前端框架：ANGULAR VS EMBER VS REACT

最近一段時間是令前端工程師們很是興奮的時期，由於三大Web框架陸續發佈新版本，讓咱們見識到了更強大的Web框架。Ember2.0在2個月以前已經發布，從1.0升級到2.0很是簡單。幾周以前React發佈了0.14版本。還有不少流行的前端框架，像Backbone 、Knockout及Aurelia。若是你想開發一個Web app，建議採用Angular,Ember或React三種框架中的一個。這三個框架能夠說是安全級別最高，技術很是成熟的框架，並且有不少技術社區支持。因此你又開始糾結了，開發Web app，到底選擇哪一個框架，哪一個更好用更安全更強大呢？本文就詳細介紹三大框架新版的優缺點並進行對比，但願可以對大家有用。

Angular 2.0（與1.0對比，發生了翻天覆地的變化）

Angular是目前最流行的框架之一，Angualr1.0 首次發佈時讓業界不少人士爲之震撼，它使MVC框架更上一層樓。Angular的發佈引發了衆多Web開發人員的共鳴。然而Angular2.0倒是一片唏噓聲，是超越1.x的完全革新，也能夠說是破壞性的升級。Angualr2.0版本從新定義了框架，自身發生了很是巨大的變化，能夠說是很戲劇性的變化，Angualr2.0不支持向下兼容，使低版本升級到2.0版本成爲一條絕路。然而軟件行業老是充滿了奇蹟和天才，Angular 團隊爲從Angular1.X 到2.0的升級指出了一條明路，使升級變成漸進加強的過程。我想正式由於這個方法拯救了Angular。

到底Angular2.0有什麼使人興奮的功能？

Angular2.0砍掉了一些沒必要要的功能，提高了Angular的性能，如$scope從Angular 2.0中移除，取而代之的是ES6類。除了框架自身變得更簡潔，還有一些其餘注意的特性：

• 性能提高

性能提高能夠說是衆望所歸，若是你對Angular 很是熟悉，你已經具備分解功能的能力，建立App也不在話下，性能問題老是有辦法解決的。

• 原生App支持

使用Angular開發原生應用是2.0版本的最大改進，Agular團隊與React聯合，在Angular 2.0 中底層使用React Native渲染原生App，可實現新一代的混合App，執行過程與本地App相同，但可在邏輯層可在多平臺中共享。

• 服務器端渲染能力

Angular2.0終於實現了服務器端渲染，服務器端渲染能力有所提高，減小了初始頁面加載時間，可經過動態頁提高SEO。頁面渲染速度提高將大大改進Web App的體驗。

爲何選擇Angular?

Augular 已然成爲Web應用開發世界裏最受歡迎的開源JavaScript框架。開發新項目選擇Angular無疑是一種安全的選擇，Angular2.0 與1.0有很大的不一樣。事實上，Augular2.0 演化過程與Ember演化相似（Ember最先被稱爲SproutCore2.0）。Angular支持使用TypeScript語言（由微軟提供的，爲JavaScript提供類型檢測等高級功能）。在實際開發中，不少開發人員還在使用TypeScript。Angular不少方面的改進都指望可以使Angular成爲衆多企業開發首選的框架，使用2.0目前來看彷佛有點冒險，但我相信Angular2.0時代即將到來。

Ember 2.0

Ember.js號稱是一個「雄心勃勃」的JavaScript MVC框架、現代JavaScript MVC框架表明,是構造如單頁面應用等現代Web應用程序的新型Web端開發框架。有不少App的建立都在使用Ember，如Apple’s properties,Discourse,Ghost。Ember是由兩個很是傳奇的工程師開發建立的，並非由大企業研發而成，儘管如此，Ember仍有衆多強大的技術愛好者的支持。

Ember2.0 特色

Ember 2.0主要改進——移除了以前不建議開發的功能，旨在成爲一個瘦身框架。在Ember 1.13上運行的程序，能夠無縫切換到Ember 2.0上。

• Ember 2.0進一步採用ES2015功能模塊，類，和decorators。
• 修改了項目分佈結構，使用「pod」分類代替功能分類（控制器，models，組件等）。
• 控制器被移除，支持路由控件。
• 高級服務器端渲染器減小了頁面加載時間，優化搜索引擎。

 

 

 

誰更適合使用Ember

實現Web app ，Ember是最佳選擇。如上所述，不少App都內置使用了Ember框架。Ember也將被Ruby協會所接納。若是你選擇Ruby，Ember是不二之選。它有大量的資源供你使用，如文檔，技術博客等。

Ember 對購買工具包含框架的人來講是很是好的選擇，咱們常常會浪費時間去尋找，研究，評估一些開發框架。EMber爲您提供的選擇很是多，並且都很是有價值。任何事物都有利有弊，可是任何事情都能良好運行那麼就選擇Ember吧。

 

React1.0 是三個框架中最輕量級的框架，React在渲染UI控件方面作的很是好，常常與其餘框架結對使用。然而更常見的狀況就是與Flux 體系架構聯合使用。

Flux與MVC 徹底不一樣的體系架構，與React生態系統相似。FaceBook建立React的目的是爲了保證多個頁面的外觀一致性。使用REACt確實達到了這種效果，它提供了使人難以置信的性能和服務器端渲染效果。兩種功能都完美實現。有個現象頗有趣，Angular和Emver都在爭相發佈新版本。而React則在它擅長的領域內繼續創新。

React1.0版本的重大功能

1. 升級項目網站

2. 升級框架文檔

3. 加強動畫的魯棒性

React改進的核心目的爲了提高開發人員的體驗。React的一大亮點就是使用React提供的元素建立動畫會很是簡單。

 

誰更適合使用React？

開發新項目或是改進存在的項目，React都是很好的選擇。使用React框架，可讓App UI 建立以及從新建立UI 變得很簡單。若是你想逐漸改善存在的項目，選擇React是很是合適的。React項目一般用ES2015編寫，若是您的價值正在邊緣化或只須要應用框架中一些簡單的庫，React就是最佳選擇。

 

三大框架對比

首先說明的是三大框架能夠覆蓋全部需求。這些框架的功能都很獨特。許多好的設計和實現思想都已經在三大框架中體現的淋漓盡致了。

Ember可視爲是啓動最快的框架。可是Ember 的學習成本較高。就最終App而言，Angular JS 開發的app只須要寫不多的代碼。

 

從上圖種能夠看出，爲何三大框架如此流行，優點都很明顯。三個框架沒有絕對的好，只有相對而言，哪一個更知足項目需求，知足App開發所需的功能。三大框架在之後發展中會更快且更好的支持服務器端渲染。Angular和React 將支持IOS和Android的原生UI控件。使用此三種框架將來可以作不少的事情。

支持Angular的開發工具

新一代HTML5 / JavaScript UI控件 Wijmo，大而全面的前端開發工具包，現已全面支持Angular 2。

 

原文連接： http://smashingboxes.com/ideas/choosing-a-front-end-framework-angular-ember-react

 

相關閱讀：

開放才能進步！Angular和Wijmo一塊兒走過的日子

Angular vs React 最全面深刻對比

Wijmo已率先支持Angular4 & TypeScript 2.2