您的位置:首页 > Web前端 > CSS

Material-UI v4 发布,CSS特异性

2019-05-29 00:00 1866 查看

上周,Material-UI背后的团队发布了具有CSS框架的Material-UI v4,迁移到Typescript等等。 Material-UI v4的发布受到两个主要因素的影响。首先,该团队分析了3月份开发的开发者调查结果。其次,该团队希望了解React社区和Material Design规范中的最新最佳实践。

Material-UI v4有什么新功能?

CSS特异性

CSS特异性需要足够好,在默认情况下,Material-UI会在元素的末尾注入其CSS。但风格的组件和其他一些流行的造型解决方案在它之前注入了风格,因此失去了特异性。为了解决这个问题,团队引入了一个新的道具:injectFirst。

Classes样板

在v1中,团队已经引入了类API来定位所有元素,但他们观察到这个API的使用已经有一段时间了,并且很少有用户在努力。在正确的元素上应用类名是很有挑战性的,它还需要样板文件。为了改善这种情况,团队将类名生成更改为输出全局类名,并使类API保持原样。

TypeScript

所有演示都已从JavaScript迁移到TypeScript。该团队甚至已经检查了他们的演示,这改进了他们的TypeScript测试覆盖范围。此外,他们在迁移过程中修复了许多问题。使用TypeScript编写应用程序时,用户现在可以直接复制和粘贴演示,而无需转换它们或必须修复错误。

改进的UX

该团队已更改菜单组织,以将所有组件分组到单个导航项下。该团队还将背景颜色更改为白色,以提高文本对比度和可读性。

Tree Shaking支持的ES模块

这是第一个支持使用ES模块进行原生Tree Shaking的版本,用户现在可以在导入多个组件时使用结构化导入。

要了解有关此版本的更多信息,请查看Medium上的帖子

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Material-UI