DEV Community

Discussion on: CSS-in-JS: What happened to readability?

Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️

It's 2020 and I still don't understand the appeal of BEM. What's so difficult about writing and reading plain CSS rules without an over-reliance on classes?

Collapse
 
loujaybee profile image
Lou (🚀 Open Up The Cloud ☁️) • Edited

I'm not sure I understand your question. The article was addressing this precise point? Unless I'm missing something? Did you disagree with the premise of the article, also?

Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️

The methodology described in the article is precisely about the opposite: make a class for every little thing. Why use button if you can use .my-button instead, and then create lots of utility-classes.

Thread Thread
 
danieldelcore profile image
Daniel Del Core • Edited

Oh not quite my intent, sorry if it was unclear! I'm suggesting to split things out into variants/modifiers in your code as opposed to calculating specific properties individually, something that i'm seeing a lot in css-in-js land. That might not necessarily mean create a class for everything, using annoying naming methodologies. In the case of CSS-in-JS there might be APIs to help you do that, abstracting the annoyance away and leaving you with the benefits these methodologies provide.