he/him 
I'm finding that most CSS-in-JS libraries aren't radical and strict enough. Ban descendent selectors, whitelist pseudo selectors, don't allow dynamic values. What I really want is just styles-in-JS. Get rid of the cascade.
Show this thread
-
You can restrict them at lint or compile-time. eg. you disallow {color: generateColor()} You can also support a bunch of other stuff if the values are all used locally, for example: const baseRadius = 2; {borderRadius: baseRadius * 2}
The main motivation for disallowing dynamic values is so you can know all the style values statically, and compile them into a standalone stylesheet.
-
-
Is performance the only reason to compile to style sheet?
-
Yep, runtime AND load performance
- 1 more reply
New conversation -
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.