ReactJS material-ui 使用的css in js理念
来源:互联网 发布:telnet 指定源端口 编辑:程序博客网 时间:2024/06/09 08:05
material-ui是一套应用了谷歌material design风格的react component,除了炫酷的效果外,值得探讨的是CSS in JS的理念,该套件没有单独的CSS文件,每个component自己持有自己的CSS,或者说是“css inline”,将CSS写到JS中。
有些人认为这是一种倒退,好不容易分出来的层,又被混到一起了。原来的那些CSS写法,Less,Sass 都不好使了,得用看起来很别扭的方式来写。这其实涉及到比较深的问题,在大型项目中,我们讲一横一纵,一横指的是分层,分层的目的是隔离,隔离的是不同工种,美工、前端工程师、后端工程师,让不同工种可以并行工作。一纵指的是模块化,目的也是隔离,隔离的是同一工种。而分层和模块化,二者往往是相互矛盾的。目前的前端框架,还没有能把这个问题处理好的。
是源于CSS和JS是两套完全不同的类系统,要么以CSS类为准如(Bootstrap、Semantic UI),要么是以JS类为准,web component理念的一类,ReactJS属于后者。
在material-ui 网站上关于这个问题官方推荐了看下面的讨论
https://github.com/callemall/material-ui/issues/30
其中的基础文章是一份PPT,因为有墙的原因,所以上传到国内,方便阅读。是facebook 工程师对CSS in JS理念的介绍,很重要。
原文地址 https://speakerdeck.com/vjeux/react-css-in-js
PDF国内转载地址 http://download.csdn.net/detail/tywinstark/9084503
- ReactJS material-ui 使用的css in js理念
- Material UI:非常强大的CSS框架
- Material Design(2) -- UI色彩的使用
- material design UI颜色的使用
- Material-UI FontIcon组件使用
- AndroidStudio使用Material Theme UI
- ReactJs 样式类的使用
- reactjs 里map的使用
- React实战-ReactJs与传统Web页面中Css的使用差异
- 开篇:数据驱动UI的设计理念
- 考评系统学到的UI设计理念
- UI设计理念-app的界面设计流程
- ReactJS修炼之路(五):Immutable.js的使用及setState的一个误区
- 【UI设计】2、Material Design主题使用
- ▲我的css架构理念
- Material Design的使用
- Material Design的使用
- Material Dialogs的使用
- 碎片:Fragment
- 【免费】捷微微信管家公众号运营培训开课啦!
- 在 CentOS 7 上搭建 Cisco AnyConnect VPN
- cocos2d-x如何解决图片显示模糊问题
- SQLServer事务的隔离级别
- ReactJS material-ui 使用的css in js理念
- 让网页选择的文本背景变成红色.
- CC2541蓝牙串口乱码解决
- xUtils封装http各种操作
- 浅析C++ 中拷贝构造函数 与赋值构造函数
- JMESPATH 使用小结
- oracle查看隐藏参数
- MySQL存储引擎
- linux nfs 配置过程遇到的问题