css-in-js-precompiler

This is the first new plugin. Let's see if we can make this work... Help appreciated @kof!

Kent, I'm trying to figure out a path forward for best-in-class precompilation in combination with dynamic props-based dynamic styles at render time. I.e. how to achieve a best-of-all worlds here. Regarding this tweet: https://twitter.com/kentcdodds/status/903767274749865984 why exactly would the following be a problem to precompile: Is the idea that the reference to is used only at render time when `myStylesmyStylesmyStylessizeIncreasewindowglamorous.divrenderStaticcreateStylescreateStyles` wrapper, while allowing for maximum flexibility without making too many tradeoffs. I know the use case isn't important to you, but I think it is to a lot of people. You have a lot of experience with this, so any additional information you can think of to help this cause would be very valuable. It's also more important now that you can render to a stream on the server. For example, now at the beginning of a request you can get all the stylesheets you will need just by knowing what chunks a given route depends on, and then append those stylesheets at the top of the page before even starting the streaming of what's rendered. Of course you need code-split stylesheets to do that, but let's just assume you do. In that case I'm not sure what happens with prop-based dynamic style functions, which you'll still want, as after all the whole purpose is to have both static precompiled styles + dynamic styles. But I assume you have something cooking for the streaming use-case without precompilation. In conclusion, I think what you've done with glamorous has paved the way for the ALL JS styling future that will serve us best. And if we can come up with some world-class solutions for preserving static stylesheets when the styles are in fact static while of course gaining the full power of JS, we'll have completed the picture here. The static stylesheets is especially important when it comes to code-splitting. If you have a setup that can generate multiple stylesheets for your dynamic imports, ultimately what you're gonna end up with is better cacheability, as the stylesheets will cache independently of both each other and the JS. And obviously that's just one of several benefits. There's a lot of incremental perf benefits by using static stylesheets where possible that in sum make a difference.