Hacker News Reader

> All targeting is via BEM, so no inheritance even for nested components.

If you use (S)CSS modules, then you don't even need to worry about BEM.

Seconded, when you have a large codebase, BEM selectors end up taking a considerable amount of kB on your final bundles. Moving to CSS modules and running a css class minifier and deduplicator is the best thing you can do if you work in a project where performance is critical.

Anecdotical, but the best improvement I've achieved doing this is shaving off ~30% of our final bundles, gzipped!)

If you use CSS Modules, you can not target an elements children with another css module class name. You can‘t know the hash beforehand

You could import the parent CSS module in the child. It might not be a bad idea to make the dependency explicit like that if the components are so tightly coupled.

Reply on news.ycombinator.com