如題，小弟目前苦命後端被抓來寫全端，為了省時間，專案套用Material-UI一個別人寫好的模板，結果後來發現，光要改個Button disabled的顏色或是h1的顏色就弄老半天沒成功，官方教學寫的跟天書一樣(說真的他們官方API寫的真的無言)，怎麼試就是沒用，老外教的做法是又要套主題標籤又要套Typography的.... 我只是想改個顏色而已呀...
一開始之所以選Material-UI是因為考量到他的自動RWD（目前最流行好像就它跟Bootstrap4），請問前端高手有沒有推薦的React UI框架？？
需求大概是能自動或是微手動達到RWD（公司專案目前也Mobile first，所以顧慮手機端跟平板就好，會做PWA），各元件樣式調整貼近傳統CSS或是直接標籤行內修改，輕量級，大概這些，有考慮Chakra UI 但團隊好像不大，怕之後變孤兒(但他們家東西感覺蠻精緻的)，Ant Design不考慮（彩蛋事件讓我對某強國開發的東西都沒興趣）。
還請前輩們幫小弟解惑，感恩了！！
已邀請的邦友 {{ invite_list.length }}/5
bootstrap就很小，只要掛bootstrap.css就能達成RWD，幾乎連javascript都用不到(我已經全面使用bootstrap v5.0.2正式版了)
公司專案有用過antd跟Chakra UI
以RWD跟可客製化的程度來說我覺得Chakra UI比較好用
雖然antd你沒有要考慮使用但還是說一下差異
antd 要override 樣式要碼是用styled-component在包過一層或者css/less檔直接複寫或寫inline-style
Chakra UI 全部都是styled-component(底層實作是emotion但差不多啦)了所以要客製直接在props裡注入樣式就好，但如果是比較 nested 的樣式可能還是要額外用styled-component 包一層再override
至於RWD
Chakra UI 有提供一些RWD用的 hooks
可以抓到theme中的breakpoint
或者直接在breakpoint切換時跟著切換value的hook
整體還說他提供的custom hooks 算是蠻好用的
然後在props也可以直接注入breakpoint:value的樣式
<Component display={{md:'flex',lg:'none'}} />
相較起來 antd的rwd真的不怎麼樣
iThome鐵人賽
看影片追技術