样式化 ReactJs 组件选项
Styling ReactJs Component Options
我正在为一个将使用 reactJs 的大型项目做一些研究，所有 html 元素都将转换为 React 组件。
我们都知道，css 有一个很大的全局问题，所以有很多 css 冲突的可能性。
对此有很多不同的选择，包括：
原子设计
SMACSS
OOCSS
或使用像这样的库：
镭
React 风格
反应内联
jsxstyle
React JSS
反应内联CSS
React 外观
React 静态样式
所有这些都有一些优点，但同时都在试验中并且缺少一些东西。
换句话说，其中 none 解决了 React 组件样式中的所有 css 问题，或者一些只是试图解决不存在的问题。
在尝试了所有这些之后，我半途而废地认为我应该 link 通用样式 css 文件并有一个特定于每个组件的 css 文件并针对 css 组件中的文件。
这里有没有人有在大型项目中对 React 组件进行样式化的经验并且对此有任何反馈或建议？
我实在拿不定主意是直接使用 css 还是 javascript。
有什么我遗漏的研究吗？
在您的解决方案中包含 CSS 没有任何问题，SASS 和 LESS 非常棒。
但是，我个人喜欢内联样式 a 作为普通的 JS 对象，因为它为您提供了 JS 的全部功能，因此您可以随心所欲地进行动态计算，无需 pre-processing css, 等等...
React 团队已经在这方面投入了一段时间（React Native 已经默认使用它）这里是 React Native Styles, and a Presentation from a Facebook engineer, and a Proposal from the reactjs/react-future repo，还有像 Radium 这样的好库可以帮助你很多。
CSS 在 JS 中肯定每天都在变得更好，所以是的，我建议您进行跳跃。 :)
我正在为一个将使用 reactJs 的大型项目做一些研究，所有 html 元素都将转换为 React 组件。
我们都知道，css 有一个很大的全局问题，所以有很多 css 冲突的可能性。
对此有很多不同的选择，包括：
原子设计
SMACSS
OOCSS
或使用像这样的库：
镭
React 风格
反应内联
jsxstyle
React JSS
反应内联CSS
React 外观
React 静态样式
所有这些都有一些优点，但同时都在试验中并且缺少一些东西。
换句话说，其中 none 解决了 React 组件样式中的所有 css 问题，或者一些只是试图解决不存在的问题。
在尝试了所有这些之后，我半途而废地认为我应该 link 通用样式 css 文件并有一个特定于每个组件的 css 文件并针对 css 组件中的文件。
这里有没有人有在大型项目中对 React 组件进行样式化的经验并且对此有任何反馈或建议？
我实在拿不定主意是直接使用 css 还是 javascript。
有什么我遗漏的研究吗？
在您的解决方案中包含 CSS 没有任何问题，SASS 和 LESS 非常棒。
但是，我个人喜欢内联样式 a 作为普通的 JS 对象，因为它为您提供了 JS 的全部功能，因此您可以随心所欲地进行动态计算，无需 pre-processing css, 等等...
React 团队已经在这方面投入了一段时间（React Native 已经默认使用它）这里是 React Native Styles, and a Presentation from a Facebook engineer, and a Proposal from the reactjs/react-future repo，还有像 Radium 这样的好库可以帮助你很多。
CSS 在 JS 中肯定每天都在变得更好，所以是的，我建议您进行跳跃。 :)