Backbone.js - View Helper, Thorax.js

Extensões como Thorax.js Possuem um conjunto de ferramentas que nos permitem facilitar a construção de determinados comportamentos das nossas aplicações, com isso, se lermos bem a documentação, podemos encontrar funcionalidades que nos evitarão ter de construir nós próprios determinados blocos de código.
Uma seção em que estes ajudantes São muito úteis a secção de vistas, pois é aqui que teremos de interagir de forma mais directa com os nossos utilizadores, pelo que com certeza precisaremos de apresentar textos e elementos, para poder dar dinamismo à secção, etc.
registerViewHelper
Como havíamos avançado o registerViewHelper é um método que nos ajuda a criar um novo bloco que terá incorporado um HelperViewCom isso, podemos criar uma instância de visão filha que nos permite acessar o contexto da visão pai, ou seja, seria como uma extensão dela. Desta forma podemos criar novas funcionalidades que podem nos dar a possibilidade de usar mais métodos com menos esforço na hora do desenvolvimento.
Vamos ver o exemplo a seguir, onde iremos gerar um auxiliar em um evento 'on' que será renderizado toda vez que um evento for chamado ou acionado na declaração de visão. Isso nos dá a possibilidade de gerar eventos personalizados que chamam o helper para realizar as funcionalidades do nosso aplicativo:

Vamos ver como podemos fazer um exemplo mais claro, vamos implementar um contador que aumenta cada vez que clicamos em um botão.
Como perceber o efeito?Usaremos um auxiliar de botão Thorax.js o que nos ajudará a chamar um método cada vez que o elemento for clicado. Isso é o que nos permite dar um maior efeito dinâmico à nossa aplicação.
Este código mostra como geramos nosso evento "on" com um evento personalizado, então criamos um botão e o colocamos como desencadear a função "incremento" que corresponde ao nosso evento personalizado que declaramos na linha anterior.

 {{#on "aumentar"}} {{i}} {/ on}} {{#button trigger = "aumentar"}} Aumentar {{/ button}} 

Então, na imagem a seguir, vemos como podemos colocar o código na classe da visualização correspondente:

Como podemos ver, resumimos o que poderia ter nos levado mais linhas de código em algo bastante simples e muito mais fácil de depurar e manter. Esse tipo de estrutura se presta muito para poder fazer melhores aplicações de uma única página, deixando a porta aberta para poder aplicar mais elementos assíncronos.
Como podemos ver é muito fácil aplicar melhores padrões de desenvolvimento, a inclusão de helpers proporciona melhores funcionalidades, uma vez que já são desenvolvidos e documentados pela equipe de Thorax.js e sua comunidade podemos garantir que teremos um baixo número de bugs e erros, e a cada atualização estes serão corrigidos aumentando assim a segurança de nossos aplicativos.