Что такое Template

А, шаблоны, говоришь? Ну это ж, блядь, классика! Представь себе такую картину: ты архитектор, но вместо чертежей у тебя есть готовые, ёбушки-воробушки, штампованные кирпичики с дырками для проводки. Вот этот самый **шаблон (template)** — он и есть такой кирпичик. Это кусок разметки, где уже нарисовано, где кнопка будет, где заголовок, а где список. Но это просто болванка, пизда с ушами, безмозглая и пустая. Вся логика — «нажми сюда — произойдёт это» — живёт отдельно, в другом файле или в другом месте кода. Смотри, вот тебе живой пример, как во Vue это выглядит: ``` ``` Видишь? Всё просто, как три копейки. Заголовок `{{ title }}` — это дырка, куда позже подсунут реальный текст. А кнопка с `@click` — это как привязанная к ней верёвочка, которая тянется к функции `handleClick`. Сама функция где-то там, в другом измерении, в скриптах, а здесь только указание: «чувак, когда нажмут — дерни за эту верёвочку». И в чём, собственно, кайф-то? А кайф в том, что представление от логики отделено, как церковь от государства. Верстальщик может пилить красоту в шаблоне, не боясь сломать код программиста, а программист может ебашить бизнес-логику, не задумываясь, как там кнопки выровнены. Красота, да и только! Правда, React, тот ещё выдумщик, пошёл своим путём. У них вместо этих вот отдельных шаблонов — **JSX**. Это такая хитрая жопа, когда HTML прямо внутри JavaScript пишется, и потом это всё компилируется в вызовы `React.createElement()`. Выглядит как шаблон, а по сути — чистый JS. Ну, на вкус и цвет, как говорится. Короче, шаблон — это такая удобная, предсказуемая форма для отображения данных. Написал один раз структуру — и потом только данные в неё подкладывай, как пирожки в лоток. Удобно, ёпта.