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上的帖子。
相关文章推荐
- ReactJS material-ui 使用的css in js理念
- React-Native入门指南(三) ——CSS和UI布局
- webpack配置:css文件打包、JS压缩打包和HTML文件发布
- webpack+vue 在使用element-ui时import 'element-ui/lib/theme-chalk/index.css‘失败
- 再发布一个提供div+css网页模板的站点
- idea用tomcat发布项目时js/css/图片等静态内容显示问题
- iView 发布 1.0 正式版,43 个 UI 组件助力中后台业务开发
- web项目发布到服务器上,但是修改的css和js文件没有起作用,显示的还是之前没有修改的代码
- Android5.0之Material Design UI的新体验
- 2014-09-28:发布OrangeUI For FMX 1.2稳定版
- Layui 2.0.0 正式发布:潜心之作,开箱即用的前端UI框架(确实很多内容)
- C#项目发布到IIS后CSS及Jquery出现问题的几种情况
- 简单新闻发布系统前台界面(html+css)
- LibreOffice 6.2正式发布,新的NotebookBar UI
- The jQuery UI CSS Framework(中文说明)
- Java Web UI框架 Brokenet-Xui发布
- Material Design UI Widgets
- 使用yuicompressor 压缩js,css并发布程序 (Maven)
- <link href="<s:url value='/resources/styles/base/jquery-ui-1.8.16.custom.css' includeParams='none'
- VS发布Web时自动调用YUICompressor批量压缩JS、CSS