跳到内容
返回博客

通往 Material UI v6 及更高版本的道路

Marija Najdova

@mnajdova
+

在 2023 年即将结束之际,我们一直在埋头苦干,为明年 Material UI 的未来开发一些非常令人兴奋的项目。我们重新评估了我们的主要版本策略,并得出结论,我们需要更频繁地发布较小的版本。请继续阅读以了解原因,并了解我们 2024 年 Material UI v6 *和* v7 的计划。

A summary about the major changes coming in Material UI v6 and v7

两个主要版本

我们在 v4 到 v5 周期中吸取的最重要的教训之一是,发布较少重大更改的较小主要版本才是正确的方法。许多开发人员表达了 2021 年底发布 v5 时迁移到 v5 的挫败感,我们对此深有体会!我们希望确保这种情况永远不会再次发生。这意味着您可以期待在 2024 年的两个主要版本中分布更渐进的更新。以下是我们对每个版本的计划

Material UI v6

计划于 2024 年第二季度发布稳定版本,Material UI v6 的主要重点是发布新的零运行时 CSS-in-JS 样式引擎,这将为与 React 服务器组件的兼容性铺平道路,并显着提高性能。我们正在构建它,以便升级是可选择的,这意味着您无需立即进行升级。

作为性能升级的示例,以下是一些早期 Lighthouse 指标,其中几个主要组件在配备 32 GB 内存的 M1 Max MacBook Pro 上运行

总阻塞时间 (TBT) Emotion 零运行时
案例 #1:1,000 个按钮 10 毫秒 0 毫秒
案例 #2:1,000 个轮廓输入 250 毫秒 0 毫秒

Material UI v7

您可以在 Material UI v7 中看到对Material Design 3(Google 最新的 Material Design 更新)的本机支持,以及组件套件中的许多其他设计改进。它暂定于 2024 年第四季度发布。

Side-to-side comparison of a Card component using Material Design 2 and 3, respectively.

从设计到开发

除了 React 库的更新之外,我们还一直在开发一个长期以来要求的 Figma 插件,以帮助弥合使用 Material UI 的设计师和开发人员之间的差距。我们非常接近首次发布,它是专门为与Material UI 设计工具包良好配合而定制的。

A screenshot of Figma together with the MUI Connect plug-in running on the side, doing customziations to the Material UI Switch component.

我们称之为 MUI Connect,它会生成一个主题文件,其中包含在 Figma 上完成的所有自定义。您将能够将其导出并粘贴到您的代码库中,并可以在 Storybook 实例中进行可视化。敬请期待明年年初发布的测试版!

更清晰的焦点

为了完成这些版本的发布,核心团队的注意力将在 2024 年的大部分时间里完全集中在 Material UI 上。与此同时,我们将暂停 Joy UI 的开发,因此不要期待任何新功能或组件。尽管如此,我们对 Joy UI 还是有一些重大想法!预计在 24 年第二季度末听到更多相关信息。

关注并参与

我们已将 v6 的更改整合到这个 GitHub 问题中 — 请随时参与讨论并发表意见!您还可以随时查看Material UI GitHub 项目,以查看计划的发布及其各自的总括问题。

我们希望您和我们一样对这些变化感到兴奋!祝您节日快乐,新年快乐!🎉