bem-selector
Friendly BEM selector package to use with your project. based on BEM methodology developed by team at Yandex
for more info on methodology: https://en.bem.info/method/
Usage
bem-selector works both with CommonJS/AMD and as Browser global. bemSelector gets bemBlock as a parameter and return generated block of classnames.
Simple
var bemSelector = ; //blocks //will result with 'test-container test-container--hidden' //blocks with children //will result in name: "test-container test-container--hidden" children: el1: "test-container__el1 test-container__el1--hidden" el2: "test-container__el2"
Advanced
You can use your own seperators in the following way:
var b = ;bemSelector = b
then use as described above
Great to use with React/Mithril/Angular/Ember/Backbone or any other library or framework.
React usage example
var bemBlock = ; var ExampleDiv = React;React;