Eu estava planejando usar o Backbone para meu próximo projeto. Por ser um aplicativo grande, comecei a pesquisar as estruturas do Backbone que existem.
Dei uma olhada em Thorax.js , Marionette.js e LayoutManager .
Escolhendo LayoutManager
Decidi ir com LayoutManager. Um dia, talvez eu escreva algo mais sobre os outros porque são frameworks bons e interessantes. Mas no final, escolhi LayoutManager porque é simples. Tenho todas as coisas de que precisava e nada mais.
LayoutManager foi criado por Tim Branyen e você pode encontrar o código-fonte no Github. Uma das coisas que me convenceram a usar o LayoutManager foi uma página wiki limpa e bem feita . Tudo parece estar coberto ali. Mas foi aí que meus problemas começaram.
Vídeo tutorial
Eu queria economizar algum tempo e assistir a uma projeção de tela em vez de ler, para poder mergulhar de cabeça nisso. Tudo foi bem explicado, mas não havia código-fonte do exemplo coberto no screen-cast.
Não tem problema, pensei, vou apenas seguir o vídeo e o código. Repliquei todos os arquivos, mas não estava funcionando. O exemplo estava usando a API do Twitter para buscar alguns dados. A solicitação era para a versão antiga e não compatível da API do Twitter. Além disso, algumas das funções LayoutManager estavam retornando erros. Foi quando percebi – o vídeo tem dois anos!
boilerplate-handlebars-layoutmanager
Depois de perceber meu erro, voltei à documentação. Havia o link para um exemplo com LayoutManager com Handlebars . Esse tipo de integração foi abordado no elenco de tela, então achei que seria perfeito. O projeto semente foi baseado no projeto Backbone Boilerplate , então demorei um pouco para me familiarizar com o conceito. Depois de instalar alguns módulos de nó e componentes do bower, eu estava pronto para começar. Mais ou menos … Eu entendi a estrutura do aplicativo, graças ao autor da postagem referido no vídeo, mas eu queria algum exemplo de aplicativo com o qual pudesse brincar.
A coisa que eu estava procurando
Voltei para a documentação do projeto Boilerplate principal, pensando que começarei a partir daí e depois adicionarei o LayoutManager ao projeto. Segui o link para seu aplicativo de exemplo, que é github-viewer . Acontece que ele usa o LayoutManager!
Eu encontrei o que queria. O exemplo do aplicativo é muito bem estruturado e acho um lugar perfeito para começar a hackear com LayoutManager. Minha dica para quem quer usar esse framework é começar por aí.