Backbone.js - View Helper, Thorax.js

Extensii precum Thorax.js Au o serie de instrumente care ne permit să facilităm construirea anumitor comportamente ale aplicațiilor noastre, cu aceasta, dacă citim bine documentația, putem găsi funcționalități care ne vor evita să construim singuri anumite blocuri de cod.
O secțiune în care acestea ajutoare Sunt foarte utile, este secțiunea de vizualizări, deoarece aici va trebui să interacționăm într-un mod mai direct cu utilizatorii noștri, așa că cu siguranță va trebui să afișăm texte și elemente, pentru a putea da dinamism secțiunii etc.
registerViewHelper
După cum am avansat registerViewHelper este o metodă care ne ajută să creăm un bloc nou care va avea încorporat un HelperViewCu aceasta, putem crea o instanță de vizualizare copil care ne permite să accesăm contextul vizualizării părinte, adică ar fi ca o extensie a acesteia. În acest fel putem crea noi funcționalități care ne pot oferi posibilitatea de a folosi mai multe metode cu mai puțin efort în momentul dezvoltării.
Să vedem următorul exemplu în care vom genera un ajutor într-un eveniment „on” care va fi redat de fiecare dată când un eveniment este apelat sau declanșat în declarația de vizualizare. Acest lucru ne oferă posibilitatea de a genera evenimente personalizate care apelează asistentul pentru a efectua funcționalitățile aplicației noastre:

Să vedem cum putem face un exemplu mai clar, vom implementa un contor care crește de fiecare dată când facem clic pe un buton.
Cum să realizăm efectul?Vom folosi un buton de ajutor Thorax.js ceea ce ne va ajuta să apelăm o metodă de fiecare dată când se face clic pe element. Acesta este ceea ce ne permite să dăm un efect dinamic mai mare aplicației noastre.
Acest cod arată cum generăm evenimentul nostru „on” cu un eveniment personalizat, apoi creăm un buton și îl plasăm ca declanșator funcția „increment” care corespunde evenimentului nostru personalizat pe care l-am declarat în linia anterioară.

 {{#on "increase"}} {{i}} {/ on}} {{#button trigger = "increase"}} Creșteți {{/ button}} 

Apoi, în imaginea următoare vedem cum putem plasa codul în clasa vizualizării corespunzătoare:

După cum putem vedea, am rezumat ceea ce ne-ar fi putut duce mai multe linii de cod în ceva destul de simplu și mult mai ușor de depanat și de întreținut. Acest tip de structură se împrumută mult pentru a putea realiza aplicații mai bune ale unei singure pagini, lăsând ușa deschisă pentru a putea aplica elemente mai asincrone.
După cum putem vedea, este foarte ușor să aplicați modele de dezvoltare mai bune, incluziunea de asistenți oferă funcționalități mai bune, deoarece acestea sunt deja dezvoltate și documentate de echipa de Thorax.js și comunitatea sa ne putem asigura că vom avea un număr redus de erori și erori, iar cu fiecare actualizare acestea vor fi corectate, sporind astfel securitatea aplicațiilor noastre.