Javascript. PURE. Добавление строки в список.

Что делать, если хотим хотим добавить новую строку в список, но не хотим при этом его заново генерировать?
На самом деле эту задачу можно решить разными способами, но я выбрал следующий.
Имеем следующие данные и директивы:

// Объект
data = { value: 'myVal' };
// Вставить в ячейку таблицы значение объекта
// !!! В PURE мы можем использовать селекторы CSS для доступа к элементам !!!
// Точно также, как в Jquery и это очень хорошая новость
var directive = { 'td': 'value' };

Создаем шаблон-таблицу (список):

<table>
 <tr>
   <td></td>
 </tr>
</table>

Выбираем tr как фрагмент шаблона, который хотим использовать.
Используем метод compile для преобразования шаблона в функцию.

// Как параметр foo будет принимать данные для вставки в шаблон
// а возвращать уже готовый html
var foo = $('tr').compile(directive);
// !!! Jquery !!!
// Добавляем новую строку в таблицу
$('table').append(foo(data))