CSS In JS

自从2014年Christopher Chedeau做了CSS in JS的演讲之后, cssinjs的各种库纷纷出现,已经有好几十种了

css modules应该是很流行的了, 说实话我没有用过, 不过在浏览作者主页的时候意外发现了styled-components,发现这就是我想要的!大家可以看看下面几个视频,先有个大概印象。

styled-components作者Max Stoiber在2017年React大会上的演讲:

css modules作者@glenmaddern在2017年欧洲CSS大会上分享styled-components

css modules作者@glenmaddern分享styled-components, 玩得很high啊。

想要了解更多styled-components, 可以看React实战课程内容。

这有一篇Material UI的一位作者讲他们如何在各种cssinjs中做的选型,介绍对比了各种cssinjs库的一些特性,大家可以了解一下, 这里是PPT

再提一下Pete Hunt大神的jsxstyle,之前看的时候还是1.0刚发布,貌似现在快出2.0了。 大概思路是封装了用于布局的一些components,包括:

  • Block
  • Flex
  • Inline
  • InlineBlock
  • InlineFlex
  • Table
  • TableCell
  • TableRow
  • Row
  • Col

不过给我的感觉,有点像用React Native来开发web的思想, 比如react-native-web以及淘宝出的react-web,不过都不太符合我的口味。

Max Stoiber最近又发布了一个新的库polished,大概看了一下,也很符合我的口味,利用currying function去组合各种基本样式, 后面有时间再研究一下。阮老师已经写了一篇文章介绍啦。