如何为 React 和非 React 消费者提供解决方案？答案

【问题标题】：How to provide solutions to both React and non-React consumers?如何为 React 和非 React 消费者提供解决方案？
【发布时间】：2018-07-13 21:21:45
【问题描述】：

我正在使用 JSS 开发一组可重用的 UI React 组件，它们在 ES5/ES6 模块中都可用。是否有可以将 React/JSX 转换为原始 HTML 并将 JSS 转换为 CSS 的生成器或预处理器？

【问题讨论】：

“将 JSX 转换为 JavaScript”，同样使用 JSS -> CSS。应该是大量的教程
我怀疑你是否会很幸运地尝试制作一个可以在没有 React 的情况下以某种方式转换或转译以完全工作的 React 插件。但是你用纯 JavaScript/CSS 编写的任何模块都应该可以在任何地方工作，因为它将独立于框架。
将你所有的代码转换成普通的 JS/HTML/CSS 并打包/发布它们。 Babel/webpack 将是一个很好的起点。正如我上面所说，网上有很多教程

【解决方案1】：

试试React Studio，它允许您以 React 风格编写设计/代码（例如 State/Props/Components/Flows/etc...）以及他们网站上的更多功能...

虽然它不像你问的那样编译成“纯”HTML/CSS，但它可以用作原型/设计工具，与 Sketch 有很好的集成，因此任何其他开发人员/设计师也可以使用它，即使他们不懂 React

【讨论】：

【解决方案2】：

如果你需要的话，请关注这个关于从 JSS 中提取静态的问题https://github.com/cssinjs/jss/issues/579

【讨论】：