哪些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

回答