微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

带有静态样式表的 Material UI

如何解决带有静态样式表的 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 举报,一经查实,本站将立刻删除。