Может получится https://ru.bem.info/forum/385/

Пробуй с bh из результата processBemjson из каждого узла генерировать элементы через document.createElement, строк 10-20 кода надо.

Т.е. это не проблема, но сразу начинает хотеться больше.

А какой профит ты ждешь?

Пока у меня чисто академический интерес. Вот и спрашиваю, а какой профит от этого может быть, если конкатенация куда быстрее чем генерация нод.

Не конкатенации, а генерация строк + парсинг. Явно генерация нод будет выигрывать на клиенте.

Не уверен!

Ибо работая под слабые платформы конкатенация у нас выигрывает. Даже с documentFragment.

Хотя, под десктопные браузеры вполне может быть.

Вот сижу ваяю верстку и код, и понимаю, что профит у идеи есть. Смотрим на это:

components/button/button.module.js

({
    block: 'button'.
    tag: 'button',
    events: {
          'click': 'enter',
          'keydown': 'enter'
    },

    storage: {
          i: 0
    },    

    enter: function (event) {
         this.setMod('red');
         this.storage.i++;
         this.context([
               {block: 'i18n', tag: 'span', context: 'counter %s', values: this.storage.i}
         ]);
    },

    content: [
          {block: 'i18n', tag: 'span', context: 'push me'}
    ]
})

Должно получится нечто такое:

modules.define('button', ['view'] function(provide, view, button) {
       var domBem = button || view(document.createElement('button'));

       domBem.addEventListener('click', enter.bind(domBem));
       domBem.addEventListener('keydown', enter.bind(domBem));

       funciton enter (event) {
            this.setMod('red');
            this.storage.i++;
            this.context([
                  {block: 'i18n', tag: 'span', context: 'counter %s', values: this.storage.i}
            ]);
       }  

       // create document fragment for i18n and append to domBem
       domBem.appendChild(view.apply([{block: 'i18n', tag: 'span', context: 'push me'}]));

       provide(domBem);
})

Выглядит красиво :)