Why We're Breaking Up with CSS-in-JS
CSS-in-JS allows you to style your React components by writing CSS directly in your JavaScript or TypeScript code. It's easy to accidentally apply styles more widely than you intended. The ability to use JavaScript constants in styles reduces duplication in some cases, since the same constant does not have to be defined as both a CSS variable and a JavaScript constant. Inline styles are not ideal for performance.