Зачем нужен nunjucks, как он может помочь в фронтенд верстке?

Зачем нужен nunjucks, как он может помочь в фронтенд верстке? Не могу понять. Можете посоветовать какой-нибудь курс/мануал?
  • Вопрос задан
  • 5304 просмотра
Решения вопроса 1
dimovich85
@dimovich85 Куратор тега CSS
https://u-academy.net/
Приведу в пример свои юзкейсы. Если есть проект размером, например, 10 и больше страниц (один из последних у меня 50+ страниц), и в них есть шапка, подвал и меню повторяющиеся. Представьте, Вы это все копипастом делаете, а потом надо еще пункт добавить или верстка шапки поменяется... Менять вручную это ад. В нунчаках можно шапку и подвал, и меню подключить как модули, если что-то поменялось - редактируете только один файл, меняется сразу везде.
Вариант второй, надо проверить и показать верстку на надежность, переполнением контейнера, к примеру есть таблица, можно вручную скопировать вставить 30 строк, но потом документ будет иметь большой размер и скролить это все будет неудобно, плюс глаза будут уставать, помимо этого может надо какие-то свои спецклассы задавать каждой 10 строке, а потом еще пару строк добавите, и порядок строк таблицы поменялся, и вручную все классы менять. В нунчакках есть возможность создать массив, как в программировании и запустить цикл с условиями и прочими плюшками, и теперь добавить пару строк можно без проблем, просто добавив в массив нужные значения.
Еще можно вставлять svg в html, при этом визуально не засорять код, в результате можно управлять svg как часть документа, и при этом в src файлах чистота и порядок.

https://mozilla.github.io/nunjucks/ Вот доки.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Как он может помочь в фронтенд верстке? Не могу понять.

В целом nunjucks своим синтаксисом напоминает handlebars, а еще есть pug (бывший jade) - схожий инструмент (по совместительству препроцессор), который вам точно стоит посмотреть.

Все эти инструменты (их вообще много разных), которые можно объеденить словом "шаблонизаторы", фронтендеру нужны в разных ситуациях:
  • Переиспользование разметки при верстке (один раз компонент сверстали, десять раз импортировали)
  • Удобное отображение загруженных с сервера данных на странице (в одностраничниках с большим количеством данных - просто маст хев)
  • В некоторых случаях ускорение верстки, да и выглядит она более красиво и структурированно
  • Создание шаблонов под автогенерируемую документацию и тесты

Можно придумать и другие варианты использования.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы