Шаблонизация на стороне клиента — уже реальность

Как, к примеру, происходит работа у нас.

Есть верстальщик, он же частично понимает яваскрипт/jquery.

Есть программист.

Итак, программист написал на c# серверный код, который отдает созданный объект клиенту,
ответ на аяксный запрос.

Когда отдается html: верстальщику надо копаться в сишарпном коде,
есть вероятность что-то сломать, кроме того он видит кусок кода в изоляции от всего остального.

Также неудобно дописывать html — вижуал студия не комплитит html в сишарпном коде.

Также нет комплита и автозакрытия тегов, а также подстановки стилей и т.п. в такой конструкции:

var code = String.Format("<li><a href\"={0}\">Ссылка на продукт {1}</a></li>", Obj.Link, Obj.Text);

Да, можно использовать подгрузку html из файла, в котором уже расставлены плейсхолдеры,
но при этом возникает минус: если файл очень большой, тогда клиент каждый раз при запросе
получает этот же большой файл.

Который явно больше, чем Json того же объекта для подстановки.

Если весь код на клиенте, то:
1) верстальщик копает только в одном месте
2) сломать труднее: синтаксис шаблонизаторов достаточно прост даже для непрограммиста
3) нет нужды каждый раз грузить громоздкий код с сервера, json компактнее
4) править представление можно даже в том случае, если нет доступа к серверному коду
или же там был произведен рефакторинг/изменение, которое повлияло на принцип создания объекта

Немного сумбурно, может, но вот, проиллюстрирую кодом с phpMyAdmin.

Хотя тут не про яваскрипт речь, но все же.

 echo '<form action="./server_databases.php" method="post" name="dbStatsForm" id="dbStatsForm">' . "\n"
       . PMA_generate_common_hidden_inputs($_url_params);

    $_url_params['sort_by'] = 'SCHEMA_NAME';
    $_url_params['sort_order'] = ($sort_by == 'SCHEMA_NAME' && $sort_order == 'asc') ? 'desc' : 'asc';

    echo '<table id="tabledatabases" class="data">' . "\n"
       . '<thead>' . "\n"
       . '<tr>' . "\n"
       . ($is_superuser || $cfg['AllowUserDropDatabase'] ? '        <th> </th>' . "\n" : '')
       . '    <th><a href="./server_databases.php' . PMA_generate_common_url($_url_params) . '">' . "\n"
       . '            ' . $strDatabase . "\n"
       . ($sort_by == 'SCHEMA_NAME' ? '                <img class="icon" src="' . $pmaThemeImage . 's_' . $sort_order . '.png" width="11" height="9"  alt="' . ($sort_order == 'asc' ? $strAscending : $strDescending) . '" />' . "\n" : '')
       . '        </a></th>' . "\n";
    $table_columns = 3;
    foreach ($column_order as $stat_name => $stat) {
        if (array_key_exists($stat_name, $first_database)) {
            if ($stat['format'] === 'byte') {
                $table_columns += 2;
                $colspan = ' colspan="2"';
            } else {
                $table_columns++;
                $colspan = '';
            }
            $_url_params['sort_by'] = $stat_name;
            $_url_params['sort_order'] = ($sort_by == $stat_name && $sort_order == 'desc') ? 'asc' : 'desc';
            echo '    <th' . $colspan . '>'
                .'<a href="./server_databases.php' . PMA_generate_common_url($_url_params) . '">' . "\n"
                .'            ' . $stat['disp_name'] . "\n"
                .($sort_by == $stat_name ? '            <img class="icon" src="' . $pmaThemeImage . 's_' . $sort_order . '.png" width="11" height="9"  alt="' . ($sort_order == 'asc' ? $strAscending : $strDescending) . '" />' . "\n" : '')
                .'        </a></th>' . "\n";
        }
    }