Backbone.js - Visualizza Helper, Thorax.js

Estensioni come torace.js Hanno una serie di strumenti che ci consentono di facilitare la costruzione di determinati comportamenti delle nostre applicazioni, con questo, se leggiamo bene la documentazione, possiamo trovare funzionalità che ci eviteranno di dover costruire noi stessi determinati blocchi di codice.
Una sezione in cui questi aiutanti Sono molto utili è la sezione delle viste, poiché è qui che dovremo interagire in modo più diretto con i nostri utenti, quindi avremo sicuramente bisogno di visualizzare testi ed elementi, per poter dare dinamismo alla sezione, ecc.
registratiViewHelper
Come avevamo avanzato il registratiViewHelper è un metodo che ci aiuta a creare un nuovo blocco che avrà incorporato a HelperViewCon questo, possiamo creare un'istanza della vista figlio che ci consente di accedere al contesto della vista padre, cioè sarebbe come un'estensione di essa. In questo modo possiamo creare nuove funzionalità che possono darci la possibilità di utilizzare più metodi con meno sforzo al momento dello sviluppo.
Vediamo l'esempio seguente in cui genereremo un helper in un evento 'on' che verrà visualizzato ogni volta che un evento viene chiamato o attivato nella dichiarazione della vista. Questo ci dà la possibilità di generare eventi personalizzati che chiamano l'helper per eseguire le nostre funzionalità applicative:

Vediamo come possiamo fare un esempio più chiaro, implementeremo un contatore che aumenta ogni volta che clicchiamo su un pulsante.
Come realizzare l'effetto?Useremo un pulsante di aiuto torace.js che ci aiuterà a chiamare un metodo ogni volta che si fa clic sull'elemento. Questo è ciò che ci permette di dare un maggiore effetto dinamico alla nostra applicazione.
Questo codice mostra come generiamo il nostro evento "on" con un evento personalizzato, quindi creiamo un pulsante e lo posizioniamo come grilletto la funzione "incremento" che corrisponde al nostro evento personalizzato che abbiamo dichiarato nella riga precedente.

 {{#su "aumenta"}} {{i}} {/ su}} {{#pulsante trigger = "aumenta"}} Aumenta {{/ pulsante}} 

Quindi nell'immagine seguente vediamo come possiamo posizionare il codice nella classe della vista corrispondente:

Come possiamo vedere, abbiamo riassunto ciò che avrebbe potuto portarci più righe di codice in qualcosa di abbastanza semplice e molto più facile da eseguire il debug e da mantenere. Questo tipo di struttura si presta molto per poter fare applicazioni migliori di una singola pagina, lasciando aperta la porta per poter applicare più elementi asincroni.
Come possiamo vedere, è molto facile applicare modelli di sviluppo migliori, l'inclusione di aiutanti fornisce funzionalità migliori, poiché sono già sviluppati e documentati dal team di torace.js e la sua community possiamo assicurarci di avere un basso numero di bug ed errori, e con ogni aggiornamento questi verranno corretti aumentando così la sicurezza delle nostre applicazioni.