Ant Design 和 React的介紹

2021-08-29 01:41:37 字數 517 閱讀 7572

ant design 元件庫

1、什麼是元件(component)?

如果你經常瀏覽各種**,就會發現不管網頁的主題是什麼,通常都會使用一些重複出現的構件,比如日曆、**、表單、選單、卡片、導航欄等等。這些構件的功能和外觀都很類似,只是在一些細節的地方,根據需要做了定製。它們就叫做元件,一張完整的網頁,可以看做是不同功能的元件的集合。

2、ant design 就是基於 react 實現的一套元件庫

react

1、

核心理念是將網頁應用看成乙個元件構成的狀態機(state machine),狀態的變化導致了 ui 的變化。

2、

react 本身的 api 並不多,是乙個較為簡單的框架。但是,要用好它,必須使用其他的配套工具,所以人們常說學習 react 並不是學習乙個框架,而是學習一整套 react 技術棧

Ant Design主題定製

先介紹下專案背景 如果是採用antd init或antd cli腳手架初始化的專案,可以直接設定theme,相對比較簡單。我的專案框架是react redux,採用webpack打包,在開發環境是用 webpack dev中介軟體配合webpack hot中介軟體執行專案與記憶體中訪問,不在專案本地...

ant design彩蛋思考

今天ant design由於在 中隱藏了乙個聖誕彩蛋,引發了廣大人民群眾的各種感官,大多數都在叫罵。有人說屁大點小事,不值一提。有人說因為這個彩蛋涉及宗教色彩可能會引發一些重大影響。吃完飯去翻了翻repo的issue,真的是什麼人都有 對於我自己而言,當前專案用的還是3.5.x,所以沒有什麼影響。作...

ant design 專案例項

安裝 umi ui 建立新應用 參考官網 第一步 新建路由 建立路由 umi g page products目錄src pages中會新增products.js和products.css兩個檔案 第二步 編寫 ui component 在編輯器中開啟,新建src components product...