Backbone.js - visualizações aninhadas

Quando trabalhamos com Backbone.js Temos muitas maneiras de fazer a mesma coisa, depende do que procuramos e do nosso nível de desenvolvedores para podermos fazer uma ou outra coisa nos casos em que se apliquem.
Levando em consideração que uma visão aninhada pode ser útil na realização de aplicações de uma única página que é o que se busca ao usar Backbone.js como estrutura Javascript.
Combinando visualizações com jQuery
Como sabemos, as páginas são compostas de elementos aninhados, portanto, as visualizações de Backbone.js correspondem a elementos dentro da dita página, então aninhar uma visão nada mais é do que aninhar um elemento dentro de outro, que neste caso acaba sendo do tipo visão.
Uma das maneiras mais fáceis de fazer isso é usando jQuery graças aos seus métodos para adicionar HTML aos elementos existentes com o método .append (). Vamos ver na imagem a seguir um exemplo do que estamos falando:

Aqui, vemos como criamos dois elementos do tipo Subview que é a maneira de criar as visualizações aninhadas, então com o método .append () Nós os adicionamos ao contêiner correspondente, é uma abordagem bastante simples que pode funcionar para nós nos casos em que as visualizações não precisam de nada adicional, simplesmente um local para exibição.
Usando SetElement ()
Esta é outra maneira de resolver o problema de criar uma visão aninhada, o problema é que ela é um pouco mais complexa do que a versão anterior que vimos com jQuery, portanto, se pudermos resolver da primeira forma não devemos nos preocupar, porém vemos a seguir como podemos aplicar esta solução:

Aqui, vemos como inicializamos primeiro nosso visualizações aninhadas, então, no momento de renderizar a vista principal, colocamos as subvisualizações criadas e com o método setElement nós os adicionamos ao contêiner correspondente.
DesvantagemA principal desvantagem disso é que não podemos definir o nome da tag, com isso devemos delegar novamente os eventos, adicionando uma camada adicional de complexidade à nossa aplicação.
Outras Alternativas
Outra maneira de fazer isso é usando uma extensão, por exemplo Marionete ou Tórax, essas extensões já têm a camada lógica necessária para lidar com isso funcionalidade de visualizações de aninhamento, com isso só temos que cuidar de escrever a lógica da nossa aplicação.
Como vemos Backbone.js É amplo e flexível o suficiente para permitir que um mesmo problema tenha soluções diferentes, cabe a nós escolher qual solução aplicar e como resolvê-la, para que nossa aplicação seja o que visualizamos e que nossos usuários ganhem.
Como vemos criando uma visão aninhada em Backbone.js Embora seja uma tarefa simples, pode ser muito complexa, mas podemos enfrentá-la com diferentes soluções como mostramos, é muito importante não ter medo de quão difícil ou não pode ser aplicar uma solução, só temos ter a mente aberta e investigar na documentação o que melhor se adapta às nossas necessidadesGostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo