開放才能進步!Angular和Wijmo一起走過的日子


Angular 已成為廣受歡迎的前端框架。去年9月份,期待已久的 Angular2 的正式版發布之后,Angular 又迎來了新一輪熱潮。伴隨着 Angular 這一路走來,Wijmo 一直都是第一個全面支持各種版本 Angular 的JS控件庫,為 Angular 用戶提供着最及時的表格、FlexSheet、圖表、儀表盤、數據透視表等輕量控件。

那么,Wijmo 是怎么做到緊跟 Angular 步伐的呢?

 

Angular1 時代

Angular1 支持 MVC 或 MVVM 模式,提供模塊化、雙向數據綁定、語義化標簽、依賴注入等等,大大的簡化了前端應用程序的開發。Angular1 一發布就引起了強烈的關注,尤其是它首次提出的“雙向數據綁定”的概念受到了眾多開發者的喜愛。

早在2012年,Wijmo 就響應客戶的呼聲,發布了支持 Angular1 的版本,使得 Wijmo 成為第一個全面支持 Angular1 的控件庫。

 

Angular2 的 Alpha 版

隨着 Web 技術的不斷發展,為了解決 Angular1 中的問題,Google 決定開發 Angular2。Angular2 不是 Angular 1 的一次升級,而是一個全新的、不同的、更高級的框架。

這時,Wijmo 團隊就決定率先支持 Angular2,因為支持 Angular2 已是眾望所歸。這使得開發人員很容易在在他們的 Angular2 應用中集成 Wijmo 控件。 

Wijmo 控件是純 JavaScript 的,這也使得對 Angular2 的支持更容易些,產品組可以為支持 Angular2 進行很簡單的包裝,這樣 Wijmo 的 UI 控件也可以脫離 Angular2 組件包裝而獨立工作。這是一個很大的付出,但是 Wijmo 做到了對 Angular2 的率先支持。

 

Angular2 的 Beta 版

歷經了55個 alpha 版本之后,2015年12月份,Angular 發布了 beta 版。意味着 Angular2 已經穩定。Beta 版還是給開發者們提供了一個堅實的框架來構建他們的應用程序。

為了率先支持 Angular,Wijmo 開發團隊和 Angular 開發團隊展開了合作,Angular 團隊幫 Wijmo 解決了一些嚴重的問題。對 Wijmo 來說這是一個非常有趣的轉變,從這個時候開始 Wijmo 就已經與 Angular2 保持了高度一致。2016年3月份 Wijmo 產品經理 Chris 采訪了 Angular 的負責人 Brad Green,一起暢談 Angular 相關的話題,也見證了 Wijmo 和 Angular 的密切合作。

Wijmo采訪Angular

 

Angular2 的 RC版

2016年5月的NG CONF(Angular大會)在猶他州鹽湖城舉行,Angular 團隊結束了 Angular2 的beta狀態,將其推進到了發布候選(Release Candidate)階段。大會期間Angular團隊成員登台,深入介紹了 Angular2,包括新的離線模板編譯器,Angular CLI 等。在第一天的會議上,Brad 也介紹了支持 Angular2 的組件庫 Wijmo。

2016 Angular大會(NG CONF),Brad Green介紹Wijmo

 

Angular2 正式版

2016年9月15日,這對於 Angular2 來說是一個重要的日子,Angular2 正式版發布了,在業界引起廣泛關注。很多人認為 Angular2 正式版有很多顛覆性的變化,是革命性。Angular2 系統架構中的核心概念包括模塊、組件、服務、模板、數據綁定和依賴注入。

Wijmo 在 Angular2 發布幾個小時后就發布了支持 Angular2 正式版本的 Wijmo。Wijmo 為每一個UI控件都提供了 Angular2 組件。所有 Angular2 組件都提供了完全聲明性標記。對有需要的屬性提供了雙向綁定的支持,還對定制綁定和一些組件提供了附加功能,比如對 FlexGrid 中的單元格模板,可以允許用標簽指明單元格的內容。Wijmo 的 Angular2 組件被封裝為模塊並且可以在 Angular2 應用中作為 NPM 包被使用。遵循 Angular2 團隊設置的模式,在 Angular2 中使用 Wijmo 組件會感到非常熟悉。

Angular網站對Wijmo介紹

 

一切的合作,都以“開放”為基礎

Wijmo 率先支持 Angular2 取得成功后,不少媒體采訪到 Wijmo 的產品經理 Chris,試圖探尋 Wijmo 和 Angular 能密切合作的奧秘,歸納起來,主要是以下兩點:

“首先,Angular2 團隊的開發和路線是十分開放的,這也就保證了我們可以緊跟他們的腳步。其次,當我們遇到障礙時,Angular2 團隊也很樂於為我們提供支持。我們和 Angular 團隊建立了良好的友誼。我們也很享受和他們團隊一起工作。我很感激他們的開放和支持。“

事實上,在提供對 Angular2 的支持時,也遭遇了一些挑戰。最大的挑戰就是需要提供深度集成。由於 Wijmo 創建了包裝,還需要解決如何平衡 Angular2 組件的作用和聲明性標記,所以我們編寫了大量的代碼,來促使我們的控件能夠完全的用標記的方式配置,還創建了具有 Angular 特性的功能,比如 FlexGrid 中的單元格模板。這允許客戶編寫自定制的標記,在表格的每一列中使用。

為了做到這樣,產品組需要深度理解 Angular 是如何工作的,同時必須要使用其內置的 APIs。我們和 Angular2 團隊一起工作,使用公共 APIs,解決了這個問題。事實上,他們也增加了一些東西供我們使用。

 

結束語

無論過程多么艱辛,Wijmo 做到了對 Angular 率先並且完美的支持,這一切就基於“開放”,兩個產品組開放合作的心態,以及產品本身在開放和路線上的開放性。

 

相關閱讀:

【報表福利大放送】100余套報表模板免費下載

Angular vs React 最全面深入對比

Wijmo已率先支持Angular4 & TypeScript 2.2

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM