CSS in JS is a popular pattern, especially in the React and React Native communities. In CSS in JS in real-life, Artur Siery explores pros and cons of CSS Modules, SASS/LESS, Style Components, Glamorous, Styletron, Styled JSX, and JSS. If you want to deep-dive into how styled-components works, Eugene Gluhotorenko goes into great detail on that as well. This is a bad pattern and a return to inline styles. Mixing presentation and logic never works out well, and generating a bunch of unique utility classes doesn't make for sustainable design implementation, and leads developers to violate all kinds of DRY principals.
That box It's really good, and we think you'll dig it.
(we share code, not email addresses)