Quando usar os motores de modelo JavaScript?

Question

Aqui está um exemplo de modelo de JavaScript do aplicativo Ajax de longa duração de Ben Nadel de Ben Nadel, retirado de: fonte

<script id="contact-list-item-template" type="application/template">

    <li class="contact clear-fix">

            <div class="summary">
                    <a class="name">${name}</a>
            </div>

            <div class="actions">
                    <a href="javascript:void( 0 )" class="more">more</a> &nbsp;|&nbsp;
                    <a href="#/contacts/edit/${id}" class="edit">edit</a> &nbsp;|&nbsp;
                    <a href="#/contacts/delete/${id}" class="delete">delete</a>
            </div>

            <dl class="details clear-fix">
                    <dt>
                            name:
                    </dt>
                    <dd>
                            ${name}
                    </dd>
                    <dt>
                            phone:
                    </dt>
                    <dd>
                            ${phone}
                    </dd>
                    <dt>
                            email:
                    </dt>
                    <dd>
                            ${email}
                    </dd>
            </dl>

    </li>

Quero perguntar qual é o objetivo de usar um JavaScript Model Engines como esse? É para salvar a largura de banda? É apenas uma questão de Separação de preocupações? Isso ajudará a combater os problemas de memória do navegador?

Quando devo usar o modelo do modelo e quando é mais fácil ir com respostas em HTML Ajax cruas?

Discussão relacionada:

Motores de modelos de jQuery

Answer 1

O modelo é uma boa solução em alguns cenários:

• Carregando todos os dados do servidor, especialmente em exibições de lista rica
• Adicionando ou atualizando novos itens em listas
• Em qualquer lugar que você precise adicionar novo conteúdo complexo à página
• Qualquer coisa que exija renderização em HTML do lado do cliente

Fonte : http://www.west-wind.com/weblog/posts/509108.aspx