Angular vs React 穩定發展與創新技術的抉擇 | Angular 是什麼
在現今網路發達的時代,人們的生活已經離不開手機、電腦等可以聯網的裝置。不論是取得日常所需的資訊、下載休閒娛樂的遊戲,都能藉由網路來完成。隨著開發網頁和手機應用程式的需求不斷增加,前端工程師所面對的困難也變得更複雜,網頁應用程式需要跨平台、跨瀏覽器運作,並有響應式設計(ResponsiveWebDesign)。 為了因應前端開發的各種需求,前端技術這幾年不斷地演進,開源社群中有越來越多新技術、網頁開發框與套件如雨後春筍般冒出,本文針對辯論已久的Angular與React做比較,並且從多個面相切入思考開發專案時該考慮哪些因素,如...
在現今網路發達的時代,人們的生活已經離不開手機、電腦等可以聯網的裝置。不論是取得日常所需的資訊、下載休閒娛樂的遊戲,都能藉由網路來完成。隨著開發網頁和手機應用程式的需求不斷增加,前端工程師所面對的困難也變得更複雜,網頁應用程式需要跨平台、跨瀏覽器運作,並有響應式設計 (Responsive Web Design)。
為了因應前端開發的各種需求,前端技術這幾年不斷地演進,開源社群中有越來越多新技術、網頁開發框與套件如雨後春筍般冒出,本文針對辯論已久的 Angular 與 React 做比較,並且從多個面相切入思考開發專案時該考慮哪些因素,如何選擇符合開發需求的前端技術。
Angular 和 React 的介紹與比較Angular 是由 Google 所開發的前端 JavaScript 框架,可以建立聲明式模板 (Declarative templates) 與實現資料繫結 (data-binding) ,讓開發者能夠將介面的運作邏輯寫入 HTML,控制介面的運作方式。Angular 提供一整套完整的專案環境與工具,讓開發者能快速上手,也可以實現 Single Page Application。2014 Google 並推出 Angular 2,針對網頁元件模組化加強處理,並提升效能。
React 是由 Facebook 所開發的 Javascript 程式庫,使用 JSX(一種使用 Javascript 來撰寫網頁元件的語法)建立 HTML 模板,強調模組化、將網頁劃分為獨立的區塊,並同樣能實現資料繫結。但 React 並不提供所有架構專案需要的工具,需使用第三方套件才能建立功能完整的網頁。也因此使用 React 讓開發者能更有彈性、更自由地選擇自己想要的套件,依照不同需求打造專案環境。
Angular 的優勢Angular 和 React,一個是框架,一個是程式庫。框架能夠提供比程式庫更加完整的功能與環境,是 Angular 支持者極為推崇的優點。
Biznas1(2016) 在解釋為何選擇了 Angular 2 作為開發企業用軟體的首選時提到,如果選擇了 React 程式庫,開發者還需要另外決定 routing、moodel ...