哪些CSS框架可以與React完美協作？

我目前正在使用ReactJS。我正在尋找能夠與反應完美結合的CSS框架，並幫助您進行優秀的網頁設計。哪些CSS框架可以與React完美協作？

材料UI還是不錯的，我也喜歡語義UI – TimCodes

的反應版本有這麼多[CSS框架（https://github.com/troxler/awesome-css-frameworks），你可以選擇。每個人都有優點和缺點，所以我們無法真正幫助您選擇「完美」的框架。 – str

React適用於基於組件的樣式，或者「CSS in JS」解決方案。他們解決了很多常見的CSS問題，如造型衝突。

雖然目前還沒有明確的贏家。 CSS Modules和styled components與React完美協作，易於使用。順便說一句，您可以使用CSS文件（甚至SASS）完美地使用CSS模塊，因此您擁有兩全其美的優點。

檢查CSS Modules github repo的一個很好的介紹。您只需要添加一個webpack加載器，並將您的樣式文件導入到您的JS代碼中。這裏有一個你可以檢查的sample react app，它使用CSS Modules + SASS。

2017-08-29 23:08:28 elas

你，你是對的。我是反應的粉絲。我通常使用粉底和bootstrap進行造型。但他們還沒有準備好做出反應。我會研究你的建議，他們可能對我的項目有所幫助。 –

同意。如果你需要更高層次的東西，你可以使用Material-UI或React Toolbox。我還沒有使用過最後一個，但它是通過CSS模塊構建的。 – elas

就個人而言，我不是JS的粉絲，一切的做法。當然，React可能在設計時考慮到了「JS中的CSS」，但可用於處理普通樣式表的工具簡單得多（並且更好地記錄）。因此，通過將React和JSX與CSS預處理器（和後處理器）相結合，我獲得了兩全其美的效果。

它不像其他選項那樣「具有革命性」，但SASS仍然是一個很棒的框架，它減輕了使用樣式表的很多痛苦。

一個主要的好處是，由於導入，您可以自由分割和劃分樣式，但最終還是會爲每個組件提供一個專用的css文件。因此，您避免了意大利麪條樣式表中常見的問題。

2017-08-29 23:20:58 stybl

回答