Angular UI 框架:Element Angular 發布 0.0.4-alpha.3 版本

Element Angular 是由知名的 vue 組件庫 element 衍生出的 Angular 版本,歷經1個月時間的不斷打磨與更新,已逐漸完善至30+組件,在繼承自 Element 的原版 UI 的同時,也融合 Angular 自有的 API 風格與理念,形成了一套新的桌面組件庫。

前端社區在不久之前還有很多人為框架爭論,其實這個話題早就有,『但早期爭議的怒火延燒到今日,傷口仍未癒合』(DHH) 到如今還在給社區帶來傷害,甚至於很多開發者被口誅筆伐,實際上是每個人都不願見到的。我希望熱愛技術的人能夠聚集在一起,能面紅耳赤的討論也能以包容的心態學習,發現不同的思想,像廣受好評的 ruby 社區一樣,影響更多人。

當然將 Element 移植到 Angular 上,並非有這些政治正確的意義,但至少也是從 Vue 生態環境中學習、繼承出的產品,讓很多技術棧集中的朋友看到一些新玩法,甚至感染其中的一些人,領略新的理念。

說說這個組件庫吧。大體我採用了原組件庫的設計風格與樣式,保持功能實現的不變,但在實現方式與暴露介面的考量中略有斟酌。大家知道 Vue 與 Angular 的思維方式有很大區別,各有所長,如果照搬原有的組件實現方式,雖然經過一些改動和變通仍舊能正常工作,但在 Angular 的使用者眼裡卻是怪裡怪氣,誰也不知道它該叫什麼名字。為此我用更接近與 NG 的思維方式重新實現了它們,並考量改動了其中一部分 API,甚至於用 Element Angular 重寫了文檔網站。希望能夠還原 UI 的同時帶來一個原生原味的 Angular 組件庫。

在代碼風格上,為保持更高的源碼質量也添加了很多 TSLint 規則,儘可能的使用 Angular 原生提供的組件交互方式,幾乎沒有用到 RxJS —— 這考慮到使用過多的依賴項會使 AOT 編譯後的文件更大,而我無法確定用戶究竟只需要多少操作符。在文檔的示例部分,也展示了該如何啟動、引入、使用組件,在我看來,你只需要看幾分鐘的文檔即可快速上手使用它,像使用其他 Angular UI 組件一樣的使用它

最後,這是 Element Angular 趨於穩定的一個版本,預計在這周會發布一個 rc 版本。(文檔目前使用 github.com,速度有點跟不上,最好自備上網工具。)據我所知,已經有不少開發者與企業在使用中。(強行勸用...) 對 element 熟悉或本身就是 Angular 的開發者可以關注這個組件庫,也歡迎大家一起來豐富、完善它。

推薦閱讀:

基於Express的Node項目實踐
收藏指數滿格!幫你打包前端之巔一整年好文!
San - 一個傳統的MVVM組件框架
組件化必殺技:styled-components 簡明教程【附視頻下載】

TAG:Angular? | 前端开发 | 前端框架 |