如何閱讀ant design 等react框架的原始碼?

時間 2021-05-11 19:58:08

1樓:失禮

antd下面依賴的是react-component,當然還有一些社群的資源。

每乙個元件都有對應的測試用例和演示用例。

作為底層元件沒有樣式的,看起來比較簡陋。但也從另外乙個方面可以看如何設計元件的css介面。

推薦從簡單的ui元件看起。

之前看了notification還是收穫頗多的。

當然由於歷史原因,元件也有一些實現不好的地方,不知道現在怎麼樣了。

所以帶著你所知道的知識辯證看原始碼最好了。

2樓:Evan曉峰

ant是乙個非常好的react元件庫

不提倡一開始就去看原始碼,畢竟只是乙個元件庫,是用來減少開發成本的,熟讀api,能夠使用各個元件,滿足業務需求是最主要的。

如果要看原始碼的話,主要看它是如何封裝元件的,如何設計api。

比如carousel元件,實際用的是react-slick加以封裝。

當你用熟了各個元件以後,你大概也能猜到其原始碼實現的方式和思路。這時候再去讀原始碼,效果會很好

3樓:小澤瑪麗高

去github上找到 ant design 然後注意圖中第二個資料夾 components

components 資料夾下面就是 ant design的很多元件的原始碼。。。沒打包的,少年過年就好吃好喝,不要想不開看原始碼

AntDesign如何修改預設css樣式

matt jin 首先,去ant design ant design檢視下面鏈結,看是否有less變數定義了你想改的內容,如果有,直接用antd官網介紹的方法修改。antd對menu的樣式定義 其次,如果沒有less變數定義,使用其他答案提到的方法重置樣式。最後,盡量不要使用important,最好...

如何閱讀《莊子》《孟子》等古典著作?

加以 人的史觀不盡相同,但是實事求是,辯證的看待事物總不會錯 看書,自然要看作者生平,了解時代背景,社會,等相關才好理解滲透時代固然有侷限,但某些熠熠生輝的點還是愈久彌新的,我覺得既然讀書,我們應該去挖掘這些光點,理解那些侷限,辯證看待人事,如非要作出人事物定性評價,非我讀書之本意,每有會意,欣然忘...

如何評價 Ant Design 這個專案(乙個設計語言)?

旗鼓相當的牛頓流體 當團隊裡有真正的設計師來設計一套特定的介面風格時,你根本不需要這類設計語言,說白了用它只是為了糊後台介面,而且用他糊介面是確保大家用的是同一套 api,他懂我也懂,快速出活,這個時候,這型別的設計在我眼裡已無美感可言,湊合著吧。 臧大為 細節不夠好。比如這個搜尋框,放大鏡圖示位置...