i-bem.js tutorial

The bem-core library provides i-bem block among others.

It is often called a helper block since it's used to build other blocks and empowers them with BEM features.

The i-bem block is implemented using a variety of technologies, including JavaScript, which provides the framework for coding in BEM terms.

This tutorial details how to use i-bem features for JavaScript in your components.

  • Block structure: Block HTML and JavaScript structure. The very first example.
  • Modifiers: Setting, toggling and removing modifiers. Reacting on a block being assigned a modifier and further tricks.
  • Live initialization: Initialization features and good practices.
If you notice a mistake or want something to supplement the article, you can always write to us at GitHub, or correct an article using