Atomic CSS-in-JS →

Atomic CSS-in-JS can be seen as 'automatic atomic CSS':

  • You don't need to create a class name convention anymore
  • Common and one-off styles are treated the same way
  • Ability extract the critical CSS of a page, and do code-splitting
  • An opportunity to fix the CSS rules insertion order issues in JS