Backbone.js - Assistant de visualisation, Thorax.js

Des extensions comme Thorax.js Ils disposent d'un certain nombre d'outils qui nous permettent de faciliter la construction de certains comportements de nos applications, avec cela, si nous lisons bien la documentation, nous pouvons trouver des fonctionnalités qui nous éviteront d'avoir à construire nous-mêmes certains blocs de code.
Une section dans laquelle ces aides Ils sont très utiles est la section vues, car c'est là que nous devrons interagir de manière plus directe avec nos utilisateurs, nous devrons donc sûrement afficher des textes et des éléments, pour pouvoir donner du dynamisme à la section, etc.
s'inscrireAfficherHelper
Comme nous avions avancé le s'inscrireAfficherHelper est une méthode qui nous aide à créer un nouveau bloc qui aura intégré un HelperViewAvec cela, nous pouvons créer une instance de vue enfant qui nous permet d'accéder au contexte de la vue parent, c'est-à-dire que ce serait comme une extension de celle-ci. De cette façon, nous pouvons créer de nouvelles fonctionnalités qui peuvent nous donner la possibilité d'utiliser plus de méthodes avec moins d'effort au moment du développement.
Voyons l'exemple suivant où nous allons générer un assistant dans un événement 'on' qui sera rendu chaque fois qu'un événement est appelé ou déclenché dans la déclaration de vue. Cela nous donne la possibilité de générer des événements personnalisés qui appellent l'assistant pour exécuter les fonctionnalités de notre application :

Voyons comment nous pouvons rendre un exemple plus clair, nous allons implémenter un compteur qui augmente à chaque fois que nous cliquons sur un bouton.
Comment réaliser l'effet?Nous utiliserons un assistant de bouton Thorax.js qui nous aidera à appeler une méthode à chaque fois que l'on clique sur l'élément. C'est ce qui nous permet de donner un effet plus dynamique à notre application.
Ce code montre comment nous générons notre événement « on » avec un événement personnalisé, puis nous créons un bouton et le plaçons comme gâchette la fonction "increment" qui correspond à notre événement personnalisé que nous avons déclaré dans la ligne précédente.

 {{#on "augmenter"}} {{i}} {/ on}} {{#button trigger = "augmenter"}} Augmenter {{/ button}} 

Ensuite, dans l'image suivante, nous voyons comment nous pouvons placer le code dans la classe de la vue correspondante :

Comme nous pouvons le voir, nous avons résumé ce qui aurait pu nous amener plus de lignes de code dans quelque chose d'assez simple et beaucoup plus facile à déboguer et à maintenir. Ce type de structure se prête beaucoup pour pouvoir faire de meilleures applications d'une seule page, laissant la porte ouverte pour pouvoir appliquer des éléments plus asynchrones.
Comme nous pouvons le voir, il est très facile d'appliquer de meilleurs modèles de développement, l'inclusion d'assistants offre de meilleures fonctionnalités, car ils sont déjà développés et documentés par l'équipe de Thorax.js et sa communauté, nous pouvons nous assurer que nous aurons un faible nombre de bogues et d'erreurs, et qu'à chaque mise à jour, ceux-ci seront corrigés, augmentant ainsi la sécurité de nos applications.