標籤:

請問react中有什麼好用的ui庫嗎?

各位前輩,我是一個前端新手,以前寫react用過ant開發,但在具體工程中發現其包含了很多目前用不到的庫(比如dva),導致打包速度太慢,於是最近自己用webpack一步一步來,搭建了一個簡單的腳手架工具,能按照react-router和react開發簡單的項目,但有個問題,UI庫不知怎麼按需引入項目中去。因此,小弟在此向各位大佬求助。。react中有沒有好用的ui庫來按需引用呢?


ant-design是獨立的庫,和dva沒關係的,可以獨立引用。

如果是後台管理系統,用用ant-design還是可以的,但是H5頁面就完全沒有必要了,太大了不說,更重要的是很難滿足老闆的樣式需求。

簡單的UI還是自己畫吧,React的組件化已經把你推到這一步了,你肯定不喜歡csser寫完後你再翻譯一遍到JSX吧。

複雜的UI庫最好的方式是在github上找,這裡我列幾個:

"rc-collapse": "^1.7.5",
"rc-table": "^5.2.7",
"rc-tabs": "^7.1.0",
"rc-time-picker": "^2.2.1",
"rc-tree": "^1.5.0",
"rc-upload": "^2.3.2",
"react-composition": "^0.2.1",
"react-contextmenu": "^2.6.2",
"react-datepicker": "^0.39.0",
"react-datetimepicker": "^2.0.0",


使用現成第三方的ui庫的優點是樣式統一,不需要ui的過多介入。

後台項目推薦用ant-design。當然h5的螞蟻也有antd-mobile。

如果還不符合你的需求,可以試試我們公司開源的一套ui庫 Zarm UI。


你用 webpack 一樣可以用 ant design,如果是 h5 的話可以用 ant design mobile,沒人逼你用 dva 那套東西。

so 自己用 webpack 加上 ant design mobile 吧


semantic ui


所有的 UI 庫基本都是用來快速搭建 dashboard 頁面的。因為只有後台頁面不會太在意樣式。面向用戶的產品都按照設計師的圖來的話直接套 UI 庫肯定不行的。我一般都是自己寫組件。或者在 react-component https://github.com/react-component 找到對應的組件然後再封裝一層以滿足自己項目需求。

------

當然如果你就是要一個 UI 庫的話。我只用過兩個比較順手和順眼。一個就是 ant-design 一個是 material-ui


打包速度太慢了,僅僅是因為引入了 dva ? 太片面了。貌似你還沒有仔細看 antd 的官方文檔,antd 的項目 快速上手 頁面教你怎麼引入了 antd,跟 dva 沒關係,而且裡面也提到了怎樣按需載入。

如果你想引入一些組件庫的話,它們官網上應該都會有按需載入的方法的。。

如果不想翻文檔,百度谷歌一下也到處都是哦。。


推薦閱讀:

為什麼 React 推崇 HOC 和組合的方式,而不是繼承的方式來擴展組件?
說說對react中JSX語法的理解?
前端發展太快,有些小伙只會用react(了解api),招個jquery熟練的外包較難,如何看?

TAG:React |