Naming conventions seems to be old school now that virtually everything is being done with JS.

Using webpack's css-loader changes the game completely as pointed out by Mark Dalgleish here:

https://medium.com/seek-ui-engineering/the-end-of-global-css...

Writing maintainable CSS is now encouraged, not by careful adherence to a naming convention, but by style encapsulation during development.

I'm sure there will continue to be more JS solutions to getting rid of CSS naming conventions, since it seems everything is being done with JS these days.