Templacer ne vieillit jamais…. À cause de cela, aujourd’hui, nous allons comparer Mustache et Handlebars.

Mustache

Pour commencer, je dois admettre que la documentation de Mustache son assez drôle. Ils ont utilisé leur propre syntaxe pour expliquer ce que mustache peut faire et comment il fonctionne. D’autre part, la documentation est un peu pauvre, elle n’a pas d’exemples intéressants ou une bonne démo. Pas beaucoup plus à dire sur celui-ci.

Lien vers la doc : http://mustache.github.io/mustache.5.html

Handlebars

Handlebars a deux documentations. La première que nous allons analyser est celle de leur site web (http://handlebarsjs.com/).

Pas aussi amusante que la documentation de Mustache mais beaucoup plus facile à lire. Il a un guide d’installation qui est vraiment clair. Le reste de la documentation n’est pas si génial. Oui, la plupart des exemples sont assez clairs mais il y en a d’autres qui n’ont pas d’application réelle par exemple ce n’est pas courant d’enregistrer le partiel comme la documentation dit de le faire.

La deuxième documentation est celle sur le repo (https://github.com/wycats/handlebars.js/). Celle-ci elle est un peu plus intéressante que celle de la page. C’est parce qu’elle a quelques détails plus techniques qui sont nécessaires à vérifier lorsque nous décidons quel langage de templating nous allons utiliser (c’est-à-dire la compatibilité et la performance)

Vainqueur de la manche : Handlebars !

Deuxième tour . Partiels

Les partiels dans Mustache sont vraiment faciles à mettre en œuvre. Ils n’ont pas besoin d’être enregistrés, déclarés ou quoi que ce soit de bizarre.

Handlebars

Les partiels dans Handlebars sont un peu plus complexes que dans Mustache. Vous devez enregistrer les partiels avec la syntaxe suivante:

hbs.registerPartials(‘PATH TO FOLDER OR FILE’);

Le problème avec ceci est que vous ne pouvez pas avoir de partiels sur les sous-dossiers. Par exemple, vous n’allez pas pouvoir faire ceci:

> vues

-> partiels

– – >header

– – >Menu

Plus grand chose à dire dans ce round.

Vainqueur du round : Moustache !

3ème round. Logique

La philosophie de Moustache est de rester simple. A cause de cela, nous pouvons faire vraiment peu de choses dans notre vue.

  • Arrays
  • If/Else
  • Variables d’affichage

Et c’est tout. Gardez-le simple.

Handlebars

Handlebars est beaucoup plus complexe dans ce point. Ici, vous pouvez faire autant de logique que vous voulez avec les aides de handlebars. C’est assez génial mais c’est aussi une arme dangereuse parce que nous ne voulons vraiment pas des tonnes de logique sur notre vue.

Si vous ne voulez pas utiliser les helpers, vous pouvez aussi faire la même chose que dans Moustache.

Vainqueur du tour : Draw !

Summary

Ok, il est temps de résumer.

Je pense que si vous créez une petite application ou si vous n’avez pas vraiment besoin d’une logique complexe dans votre vue, vous devriez utiliser Mustache. C’est parce que vous voulez garder votre logique aussi simple que beaucoup et aussi vous ne voulez pas avoir des outils dangereux sur votre boîte à outils.

De côté, votre application pourrait avoir besoin d’une logique un peu plus complexe que les si et les tableaux. Dans ce cas, je choisirais définitivement Handlebars mais s’il vous plaît soyez prudent avec les helpers et n’ajoutez pas de logique qui pourrait être dans le contrôleur.

Merci de lire !

Juan.