Есть ли смысл изучать html-шаблонизаторы?

Question

[Сергей]

Использую редактор кода с плагином Emmet. Для включения отдельных секций (includes/partials) в html-страницу использую соответствующий плагин Gulp. Стоит ли дополнительно изучать шаблонизатор? Если да, то какой вы посоветуете? Какие особые преимущества он даёт, из-за которых вы начали его использовать?

Answer 1

[Lander]

Единственное преимущество, которое даёт шаблонизатор - это отвязка фронтенда от языка на котором написан бэкенд. Можете изучить Blade и Twig. Имхо самые распространённые. Smarty уже отходит от дел.

Comments

[Сергей]

отвязка фронтенда от языка на котором написан бэкенд

Не совсем понял, о чём идёт речь.

[Lander]

Сергей, Например вы делаете всю вёрстку в twig-стилистике. Вне зависимости от того, а чём будет написал бэкенд (node.js, php, python...) вёрстка не изменится. Разумеется нужно чтобы в бэкенде был подключён соответствующий компонент для работы с twig-шаблонами.

[Сергей]

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

[Lander]

Сергей, Не совсем. Задача бэкендера, подключить компонент, который понимает шаблон и скормить ему данные. Разумеется, будет идеально если разработчик будет ориентироваться в шаблонах сам, но в первом приближении ему это не надо. Его задача подготовить данные, которые он передаст в компонент и скажет "Подключи вот этот шаблон вот с такими данными". Шаблоны же - ваша зона ответственности и вы должны знать (или сообщить) какие данные приходят в шаблон и написать шаблон который отобразит их в соответствии с макетом.

[Сергей]

ТС точно не имеет в виду Pug или Jade?

Answer 2

[Anubis]

Если проект небольшой и нет смысла подключать React, мы используем Handlebars, так что скажу что смысл есть

Comments

[Сергей]

Если используется React, то разметка страницы пишется в js-файле?

[Anubis]

Сергей, ага
А при желании - и стили тоже ("css-in-js")