В данный момент - jquery 2.2.4 и
interpolate.js
Вариантов полно можно на vanila js написать MVC, взять какой-нибудь "хайповый фреймворк" и сделать SPA (или необходимые вставки на странице), можно взять lodash, можно реализовать, чтобы бэкенд сразу отдавал html, можно совсем извратиться и cделать на jquery по типу:
$.getJSON('/url/', function(data){
var items = data.items;
var html = '';
if (items.length !== 0) {
var html = '';
$.each(items, function(key, val){
//вот тут большая вложенность тегов с инфой
})
})
});
Что касаемо вложенности тегов и наличии условий внутри - такой вариант не очень, поддержка превратиться в ад.
Про MVC и vanilla js - если реализовывать по этой модели, то получается слишком много
appendChild()
SPA в текущем legacy не внедрить "кошерно".
Какие способы самые оптимальные (их может быть полно, я это понимаю) при наличии сложного дерева элементов и условий внутри них?
Как скрыть от пользователя саму структуру html?
Вот
здесь схематично накидал.
P.S. Да, я гуглил, но видимо не туда. Хотелось бы иметь представление о правильной работе процесса: шаблонизатор, как скрыть этот шаблон от пользователя, состояния и условия при этом, циклы, добавление
className()
к элементам и любые полезные советы на эту тему.
Заранее спасибо!