BEMHTML vs BEMTREE

Форум /

Когда какую технологию использовать, почему для bemhtml необходимо писать deps.js, зачем вообще bemhtml, когда есть bemtree?

gruzzilkin

Когда какую технологию использовать,
...
зачем вообще bemhtml, когда есть bemtree?

Насколько я понял, bemtree по синтаксису больше похож на bemhtml и создан специально для того, чтобы генерировать bemjson. Когда пишешь много bemjson, очень скоро хочется писать меньше bemjson. Я почти сразу стал генерировать bemjson через bemhtml, что в принципе неверно. Поэтому посоны придумали bemtree. Я могу ошибаться, bemtree еще плотно не курил.

почему для bemhtml необходимо писать deps.js

Если коротко, то потому что так bemhtml быстрее работает и так написано в доке.

tadatuta

BEMHTML и BEMTREE — это bem-xjst с разными базовыми шаблонами. В BEMHTML базовые шаблоны знают про предметную область БЭМ (специально поведение для ключей block, elem, elemMods, моды block, elem и так далее), а в базовых шаблонах BEMTREE написано как превращать произвольный json в bemjson. Кроме того, BEMTREE асинхронный, что позволяет во время выполнения шаблона сходить за данными.

Пример кода, который это иллюстрирует:

BEMTREE.apply(json)
    .then(function(bemjson) {
        BEMHTML.apply(bemjson); // вернет html-строку
    });

tadatuta

Использование deps.js никак не влияет на скорость выполнения и отвечает исключительно за подключение зависимостей в сборку.

Подробнее см. http://ru.bem.info/articles/deps-js-syntax/

gruzzilkin

Я думал вопрос в том, почему зависимости автоматически не подхватываются из bemhtml. И решил сделано так в угоду скорости .

tadatuta

существует как минимум две нерешаемые проблемы:

1. страничный bemhtml — это результат сборки и компиляции блочных bemhtml-файлов. а чтобы их собрать, мы должны заранее знать, какие сущности нам нужны.

2. в bemhtml можно писать произвольный код на js, например:

block bla, this.ctx.someFlag, content: {
    var a = 'b',
        b = '-',
        c = ['l', 'o', 'k'],
        d = [];

    for (var i = 0; i < 10; i++) {
        d.push({ block: a + b + c.join(''), mods: { pos: i }});
    }

    return d;
}

чтобы из этого кода понять, что нам нужны зависимости вида { block: 'block', mods: { pos: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] } } нужно заранее каким-то образом собрать этот bemhtml и выполнить его, предварительно положив в контекст someFlag = true.

gruzzilkin

Точно, об этом уже не раз говорили, я забыл. Спасибо за разъяснения.

geromond

то есть bemtree это файл из которого можно получить bemjson, а из bemhtml только уже html?

tadatuta

да. вот недавний пост на тему: http://clubs.ya.ru/bem/replies.xml?item_no=3710