The CSS Odyssey: Why I Turned back to CSS After Trying Everything Else

1

styled-components

Diving into CSS-in-JS wasn't really a technical choice. My wife, as a UX designer, had good words about Material Design, so I headed to MUI without thinking too much. At that time, Emotion was the first-class citizen there. Meanwhile, my company's UI component library chose styled-components for styling. Both are widely used CSS-in-JS libraries.

#Developer Tools #Design Tools #Development Tools 170 social mentions

2

BEM

Style conflicts is one. Although CSS class definitions are placed in reverse import order, problems still occur in Next.js when some pieces only appear in page but not layout CSS bundles. Following BEM (Block Element Modifier) and "Composition over Extension" patterns to separate concerns helps avoid styling collisions significantly.

#Design Tools #Developer Tools #CSS Framework 47 social mentions