1

我正在为一个将使用 reactJs 的大型项目进行一些研究，并且所有 html 元素都将转换为 React 组件。

众所周知，css 在全局变量方面存在很大问题，因此存在很多 css 冲突的可能性。

有很多不同的选择，包括：

  • 原子设计

  • SMACSS

  • OOCSS

或使用以下库：

  • 镭

  • 反应风格

  • 反应内联

  • jsxstyle

  • 反应 JSS

  • 反应内联 CSS

  • 反应外观

  • React 静态样式

所有这些都有一些好处，但同时都在实验中并且缺少一些东西。

换句话说，它们都没有解决 react 组件样式中的所有 css 问题，或者有些只是试图解决不存在的问题。

在尝试了所有这些之后，我有一半的想法是我应该只链接到常见样式的 css 文件，并拥有一个特定于每个组件的 css 文件，并从组件内定位该 css 文件。

这里有没有人有过在大型项目中设计 React 组件的经验，并且有任何反馈或建议？

我根本无法决定只使用直接的 css 或 javascript。

有什么我错过的研究吗？

4

1 回答 1

0

在您的解决方案中包含 CSS 并没有错，SASS 和 LESS 很棒。

但是，我个人喜欢将内联样式 a 作为普通的 JS 对象，因为它为您提供了 JS 的全部功能，因此您可以随心所欲地进行动态计算，无需预处理 css 即可进行所有需要的计算等。 .

React 团队已经在这方面进行了一段时间的投资（React Native 已经默认使用它）这里有一个React Native Styles和一个 Facebook 工程师的演示文稿，以及reactjs/react-future 存储库的一个提案，还有像 Radium 这样的不错的库，对你有很大帮助。

JS 中的 CSS 肯定每天都在变得更好，所以是的，我建议你做出这样的跳跃。:)

于 2017-02-15T15:05:52.080 回答