css-in-js

[whatwewant]

• I want to use all in js, why ?
  • 1 this is the way to make we handle all style with js; as is known to us, we can write style with css(sass/less) file attach with css modules, and we can also write css in js, now you will have two ways to write style, but it's also upset to you, you will have two ways just like no way.
  • 2 support server side render, like next.js

[whatwewant]

• Resouces
  • Css-in-Js comparition

[whatwewant]

• Test react-jss, questions
  • 1 compared with plain style object, it need connect(style) with component or container.
  • 2 it's good support media query, but you should write media query in each class instead of one media query contain classes;
  • 3 about nested class, it support only two depth object, if you want to support more, you will only to use string (className="STRING"), but I want to use like className={classes.app.label};
  • 4 keyframes global may conflict.
  • 5 HoC hide component static attributes, cannot get its attributes.

[whatwewant]

• Test babel-plugin-css-in-js
  • ......

[whatwewant]

• Test styled-component
  • ......

[whatwewant]

• Test glamorous
  • ......