Great post! Thank you!
styled-jss — great and fast approach but it is not compatible with devtools because it uses CSSStyleSheet api and that is why it is not possible to change CSS values via devtools. Artur Kenzhaev please correct me if I am wrong.
Totally agree about benchmarks. Last two weeks I have worked with CSS in JS benchmarks:
- https://tuchk4.github.io/css-in-js-app/ — just visual feeling how different libraries works
- https://github.com/A-gambit/CSS-IN-JS-Benchmarks — generate large table with uniq background for cell (~850 CSS rules) and CI that run tests with lighthouse and saves results to RESULTS.md (There are results for 14 different libraries)
We use rockey at production. According to first benchmark — everything is good. According to second benchmark — rockey is still not as fast as for example fela, styled-jss wihtout plugins or styletron. But it is enough fast to develop application and make it fast and with comfortable UX. And the main advantage for us—it provide best DX for us.