BEM has been around for quite some time. I totally bought into the idea, and used this with SCSS. It was super effective.
BEM provides somewhat of a DSL to think about states and atomic design in your CSS implementation. I think it does a pretty solid job for design systems, but I doubt most people want to deal with the overhead of the DSL-ish parts here if they are working in component land.
That said, if you are wanting a design system that is completely agnostic of implementation, this might be a good option!
I’d be curious what others find useful in this approach when the architecture is component-based (basically, whatever satisfy a “B” from “BEM” gets a separate component with scoped CSS).
I really like BEM, even though it’s a bit verbose— I run into less issues that using short class names and accidentally colliding, or getting lost in the sauce of trying to reach some CSS Zen Garden utopia, and can work very productively (I’ve used it with Stylus). Especially has worked well for larger teams which only exacerbates CSS bugs.
I’ll still use the methodology from time to time, but mostly just switch to styled-components.
BEM has been around for quite some time. I totally bought into the idea, and used this with SCSS. It was super effective.
BEM provides somewhat of a DSL to think about states and atomic design in your CSS implementation. I think it does a pretty solid job for design systems, but I doubt most people want to deal with the overhead of the DSL-ish parts here if they are working in component land.
That said, if you are wanting a design system that is completely agnostic of implementation, this might be a good option!
I’d be curious what others find useful in this approach when the architecture is component-based (basically, whatever satisfy a “B” from “BEM” gets a separate component with scoped CSS).
I really like BEM, even though it’s a bit verbose— I run into less issues that using short class names and accidentally colliding, or getting lost in the sauce of trying to reach some CSS Zen Garden utopia, and can work very productively (I’ve used it with Stylus). Especially has worked well for larger teams which only exacerbates CSS bugs.
I’ll still use the methodology from time to time, but mostly just switch to styled-components.