10

一些背景

我们的团队使用 Material-UI (MUI) 已经有一段时间了，我们喜欢它。随着 MUI v5 的发布，我们花时间检查接下来将使用哪种样式解决方案，因为 MUI 团队正在放弃 JSS。

我们最终听取了 Shopify 人员的讨论。他们对造型解决方案进行了非常详细的比较，最终选择了香草提取物作为他们选择的工具。强大的 TypeScript 支持，最重要的是零运行时方法，让我们深信不疑。

遗憾的是，MUI 核心团队在他们的决策中没有考虑香草提取物。

手头的问题

根据他们的文档， MUI使用户能够使用各种样式解决方案。可以配置引擎盖下使用的样式引擎，大致描述为here。

问题：

  • 将香草提取物用于：
    • 样式化 MUI 组件？
    • 将其用作 MUI 底层的样式引擎？
  • 洒水会在哪里发挥作用？
  • 实施这种方法的具体步骤是什么？
  • 有人已经这样做了，并且愿意分享他们的代码吗？

与通常的做法相反，我还没有真正尝试过任何东西，实现方式。根据我的理解，这意味着按照mui-styled-engine（包装情感）和mui-styled-engine-sc（包装 styled-components）的方式创建一些东西。因为这对我来说似乎很重要，所以我想我会先问。

4

1 回答 1

0

您提供的详细比较不包括 jss。但是您可以直接使用 jss，而无需从 MUI 进行设置。使用 react-jss。我不知道零运行时的事情，但它们也支持打字稿，并且您可以轻松迁移在 MUI4 上编写的现有样式表。您只需将makeStyle等函数名称更改为createUseStyles即可。这是整个文档 - https://cssinjs.org/react-jss/?v=v10.9.0

我个人喜欢 jss，因为它有助于保持样式不受实际组件的影响。我已经在 MUI 5 提供的样式引擎上使用它，并且对结果非常满意。

于 2022-01-29T05:07:56.213 回答