带有静态样式表的 Material UI

问题描述

https://www.infoq.com/news/2020/01/css-cssinjs-performance-cost/https://calendar.perfplanet.com/2019/the-unseen-performance-costs-of-css-in-js-in-react-apps/ 解释了 css-in-JS 看不见的性能成本。

我们正在开发一个需要大量 JS 处理的数据驱动的 React Web 应用程序。我们正在尝试通过减少 JS 主线程上的负载来优化应用程序。为此,除了在其他 Web Worker 上并行化一些流程之外,我们还考虑将所有 css-in-JS 代码替换为我们手动编写并简单地导入每个组件的静态基于类的样式表。问题是手动覆盖某些 Material UI 样式非常困难,因为它将样式注入元素中,我们不能简单地使用类覆盖它们。

您还建议我们通过静态样式表处理所有 CSS 来减少 JS 性能过载,而不是重载 JS 处理以在运行时生成样式表?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)