如何評價阿里巴巴最近開源的ANT DESIGN PRO？

01-01

官網鏈接：Ant Design Pro

佔個沙發。

昨天在掘金上看到的介紹，介紹很短。

Ant Design Pro - 前端 - 掘金

我是重度的Antd用戶，去年開始應用於公司的中後台UI，這幾天公司的網路出口運營商（*通）限制了Antd文檔，我們開發都受到了阻力。解放方案是直接投訴到運維部門，然後更換了出口。

去年4月份接觸Antd ，我應該是最早接觸Antd的那批人。這個與我工作內容也有一定的關係。因為部門內部後台的那套基於Jquery的組件庫已經過時了，連後端人員都覺得不好看。我的任務就是找一個適合中後台的通用組件庫。Antd 出來的時候貌似沒做到什麼推廣，我也忘記了當初了解到Antd渠道是什麼。

然後我發了一個內部報告，邀請產品，設計以及前端去度量。最終的結果是，Antd得到內部同事一併認可。

作為開發者來說有些壓力，因為部門內部的技術棧還是比較原始（JQ ，BackBone）。當然，到今年整個部門的技術棧已經保持與業界同步了。雖然中間的過程有些坎坷。

內部的基於Antd的中後台據保守估計差不多20個左右。在各個產品線，都良好的運行著。

說了這麼多廢話，來點實在的。

產品設計的時候會基於Antd給的原型庫去做，中後台的原型庫得到了統一。
交互設計以及動效設計也會基於Antd給的參考去做。
前端開發基於Antd的組件庫去做開發。

好處是

統一了中後台原型設計，原型可復用。

無需設計按照Antd的設計語言也可以擼出一股漂亮的後台UI。

內部基於Antd開發的業務組件可復用。

以上所述的是Antd這個UI設計語言帶來的便利。以下是關於Pro的觀點。

上面說到了我們會基於一些業務組件的復用。

在中後台開發中，基本都會涵蓋登錄，複雜列表等等一些列的基礎UI，這些組件也是可以復用的，去年的時候我們基本是哪個項目有相同的代碼直接Copy過來，組織下邏輯就完了。或者有些同事會封裝好組件給大家用。今年我們已經把封裝業務組件當作一個項目去做了。宗旨是解決一些通用業務組件庫的復用。為此設計，前端，交互，產品已經開了好幾場大會，基本都是半天往上的。現在設計，產品這塊的通用方案已經出來了，接下來的就是前端實現。

哎喲，巧了。看到了Pro。

因為公司內部的產品，設計也是基於Antd與做參考的，所以通用業務組件會有Antd的元素，當我看到Pro出來的時候，一句話。

來的真TMD太是時候了。

接下來，我會基於研究下Pro，跟內部的交互與設計進行打通。。

Antd的團隊真的很敬業，提出的Issue基本上回復很快。上午提，下午回。並且是持續的穩定更新。

最後，感謝 Antd提供如此優秀的中後台組件庫。

Ps:平時用Antd都是一個人，希望能與各路一起探討。第一次髮長文，有建議或者想法都可以互相討論。

這兩天一直在研究pro項目的代碼，有很多有趣的地方啊。

這個頭像怎麼看都有點眼熟的趕腳~打開chrome redux工具看看

複製粘貼

emmmm...

-------------------

今天才看到antd更新了pro.（背景；公司做管理系統一直採用antd的設計理念和框架）本來有antd對我們平時工作就減少了繁瑣的樣式以及基礎組建的構建時間，現在有了pro加持，感覺以後這種固定的布局項目基本前端可以空更多時間了。Ant Design Pro。

以及更新的AntD Library，對設計師來說又是一個利器，並且讓前端也可以做一些簡單的UI圖。

總的來說，阿里螞蟻金服對國內開源項目貢獻都很大，特別是react。

ant design pro 其實相當於一個官方版的腳手架，當然它裡面還對一些組件進行了優化。之前antd官網沒有提供腳手架，所以用戶搭建後台系統就要用社區的腳手架，比如antd-admin等，或者要自己動手搭一個。搭一個腳手架其實是一件麻煩事，或者有些用戶不會搭，而現在官方提供了pro ，讓你開箱即用，挺好的。

有點要說的是pro現在還是beta，依賴的是antd 3.0，而現在3.0還沒正式發布，所以可能會遇到一點小問題，不過大家可以去群里提問或提issue，螞蟻同學響應的非常快，我還是對這個有信心。

antd pro無論從設計上，還是代碼實現上，都是非常值得推薦的一套中後台解決方案。

另外，私以為螞蟻這個團隊的理念和react很契合。

想用好react，就不僅僅是學習使用react本身，還有它的數據管理思想，它的函數式編程，以及各類周邊解決方案，這是一個體系化的內容。

而ant design，也提供了從設計語言、框架(dva)、組件(react-component ant-design)、動畫可視化、解決方案(pro)等各個級別的內容，這也是一個體系化的內容，antd pro也是這個體系裡面不可缺少的一部分，一起來用，真的能夠極大提高效率。

第一眼就覺得這不是antd-admin的升級版嗎！

剛好我們想寫基於vue系列項目用的template，參考了一下pro的基本功能組織，還拉了配套cli源碼回來研究，發現個bug，順便提了個pull request. 留意到Pro里的mock細功能，順路看了一下roadhog 的server 細節，想完全搞明白又開始學了下express.

現在已經嚴重跑偏～

正好接了個私單準備開發，就用的pro，真的很棒棒誒。從中又學到很多代碼組織方式和一些技巧啦

不一定別人說好就是好，ant-d確實是一個很值得肯定的東西，而後面出的pro真心覺著有點累贅，裡面好多的組件或公共的方法都是基於自己的dva, 開發的時候，學習成本和理解成本都成了一個台階，倒是很希望，出一個很簡潔的腳手架，更好更容易理解

React家族又多了一個強大的UI框架

站在一個前端開發工程師的角度上來看這個問題，對於ant design Pro的評價當然是好的。因為他帶給了我們很多的思考和借鑒。首先是在監控方面，它開闊了我們對於組件庫的認識，讓我們了解到原來組件庫也可以有監控。其次是目錄層次和設計方面，為我們在開發自己的組件庫時帶來了更多的靈感和想法。如果再往深層次去探索，相信他的架構方式，和代碼組織將會對於我們這些小白有更大的學校參考意義。而對於企業來說，我想就是兩個詞，便利，舒適。

在國內螞蟻團隊對react 來說是貢獻巨大的，在pro還沒上線的時候，就看過原始代碼了，期待Pro的升級以及腳手架的可定製化，不管是dva ,或者ant項目都是react 開發的利器啊

剛照著antd-admin擼了一個就發現pro出來了。。不過沒啥影響。。自己都能擼個pro。。

我只想說：還是大公司做東西快一步，我們團隊也做了個類似產品，目前還在測試...

這不是antdesign腳手架里排名第一那個antd admin？

這還要看開源的pro幹嘛自己都寫了好幾個pro了（pro最大的問題是對於新手來說並不能一下子理清整體架構思路然後只知道去做頁面渲染這一塊然後就一直只會弄那一塊）

也可以關注一下create-react-kotlin-app ：）昨天看了一個視頻 https://www.youtube.com/watch?v=FDOECr-sT6U，覺得太棒了。

JetBrains/create-react-kotlin-app