Альтернатива html шаблонизотру от Bem?

Question

[lavezzi1]

Здравствуйте. Подскажите пожалуйста html шаблонизаторы очень похожие по своей логике к bem tools, то есть в котором можно через json создать блоки на странице и соответственно чтобы этот код конвертировался в html страницу.

Comments

[i]

Любой шаблонизатор можно для этого использовать. Уточните, чем предлагаемые БЭМ-стеком не подходят и почему они не могут решить вашу задачу?

[lavezzi1]

Илья Рогов: Любой это какой? В БЭМ стеке много не нужного.

[timfcsm]

а чем bem tools не нравится?

[lavezzi1]

Мне нужен только этот шаблонизатор, а весь стэк бэм это муть.

[i]

lavezzi1: Серьезно любой, а точнее в вашем случае любой поддерживающий работу с JSON, например NANO. Но все они не знают ничего про БЭМ-термины и поэтому придется добавить хеперов. Мне интересно в чем конкретная причина поиска альтернативы? Лишние можно не брать, если оно не нужно. В этом и прелесть компонентног подхода. К примеру исследуя БЭМ-шаблонизаторы взял только точно необходимо и получил удобный компонент, который берет данные и рендерит все происходит в браузере jsfiddle.net/ilyar/qjoke1vL

Answer 1

[Денис Инешин]

Вообще это не общепризнанная практика генерировать HTML таким образом. Посмотрите на другие решения:

Препроцессоры
Jade, Haml

Шаблонизаторы:
habrahabr.ru/post/219873

Comments

[lavezzi1]

Jade пользую в нынешнем проекте. Около 100 файлов для инклюда. Скорость не радует (собирается Gulp'om).

Answer 2

[i]

Любой, а точнее в вашем случае с поддержкой JSON, например NANO, хотя, грубо говоря, ближе к BH/BEMHTML, можно назвать json2html, пример использования json2html с CSS из bem-components:

var data = [
  {
    'text': 'BEM — BEM Easy Makeup',
    'url': 'https://ru.bem.info/',
  },
];

var template = {
  tag: 'a',
  class: 'button button_theme_islands button_size_xl',
  href: '${url}',
  children: [
    {
      tag: 'span',
      class: 'icon icon_social_twitter',
    },
    {
      tag: 'span',
      class: 'button__text',
      html: '${text}',
    },
  ]
};
document.body.innerHTML = json2html.transform( data, template );

Демо на jsfiddle

Уверен есть и другие, но все они не будут знать про БЭМ-термины и поэтому придется добавить хеперов для работы с боками, элементами, модификаторами и пр.

На текущий момент мне не известно ничего удобнее BH/BEMHTML, но если такой шаблонизатор появится, его опубликуют в разделе bem.info/Проекты на БЭМ.

Answer 3

[Vasyl Kovbassa]

lavezzi1, Jade / pug лучше ничего не найдешь. Месяц назад это уже проходил. Теперь не понимаю, как я без него столько лет жил :))