We need to raise the bar for CSS-in-JS to having zero runtime using compile time tools

Several such libraries exist, but people are still promoting libraries like styled-components with relatively massive runtime overhead

this is my ideal css-in-js framework

* template strings (so tools like stylelint and emmet work)
* compiles away to css files / zero runtime
* uses css vars for dynamic values
* generates "atomic" css
* composed with nested template strings
* written inline in jsx

I bet CSS-in-JS frameworks could be created that, on average, beat even the best CSS developers writing .css files by hand for sizable apps

That should be our new bar for CSS-in-JS libraries