驯服CSS-in-JS这头野兽

CSS-in-JS非常棒。当它逐渐受到重视的时候,我还记得使用它是多么的自由--在那个自定义属性还没有广泛使用的时代,它允许我们在JavaScript中创造丰富的动态体验!更棒的是,从NPM中消费一个组件库,而不需要愚蠢的bundler配置,这已经成为现实。更棒的是,从NPM消费一个组件库,而不需要繁琐的捆绑器配置,这已经成为现实,只要导入就可以了 在Atlassian工作期间,我有幸参与了At

- 阅读全文 -

React应用程序的Atomic布局介绍

Atomic Layout是一个轻量级的React库,允许你为你的组件生成一个基于网格的响应式布局。 像styled-components和emotion这样的现代CSS库是非常有用的,因为它们允许你创建孤立的、本地的CSS,只适用于预定的特定组件。 但由于这两个库都只专注于在JavaScript内编写CSS,这意味着你必须自己编写创建响应式布局所需的CSS规则。 例如,假设你有一个如下所示的卡

- 阅读全文 -