Till exempel blir man aldrig gammal… Därför ska vi idag jämföra Mustache och Handlebars.

Mustache

För det första måste jag erkänna att dokumentationen av Mustache är ganska rolig. De använde sin egen syntax för att förklara vad mustache kan göra och hur den fungerar. Å andra sidan är dokumentationen lite dålig, den har inga intressanta exempel eller en bra demo. Inte mycket mer att berätta om denna.

Länk till doc: http://mustache.github.io/mustache.5.html

Handlebars

Handlebars har två dokumentationer. Den första som vi ska analysera är den på deras hemsida (http://handlebarsjs.com/).

Inte lika rolig som Mustaches dokumentation men mycket lättare att läsa. Den har en installationsguide som är riktigt tydlig. Resten av dokumentationen är inte så häftig. Ja, de flesta av exemplen är ganska tydliga men det finns några andra som inte har en riktig tillämpning till exempel är det inte vanligt att registrera partiell som dokumentationen säger att man ska göra.

Den andra dokumentationen är den som finns på repo (https://github.com/wycats/handlebars.js/). Den här den är lite mer intressant än den på sidan. Detta beror på att den innehåller lite mer tekniska detaljer som är nödvändiga att kontrollera när vi bestämmer oss för vilket mallspråk vi ska använda (dvs. kompatibilitet och prestanda)

Vinnare av rundan:

2:a omgången: vinnare: Handlebars !

2:a omgången: vinnare: Handlebars! Partialer

Partialer i Mustache är verkligen enkla att implementera. De behöver inte registreras, deklareras eller något konstigt.

Handlebars

Partialer i Handlebars är lite mer komplexa än i Mustache. Du måste registrera partierna med följande syntax:

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

Problemet med detta är att du inte kan ha partialer på undermappar. Du kommer till exempel inte att kunna göra så här:

> views

-> partials

– – >header

– – – >Menu

Inte mycket mer att berätta i den här omgången.

Vinnare av omgången: Mustache !

3:e ronden. Logik

Mustaschs filosofi är att hålla det enkelt. På grund av det kan vi göra riktigt få saker i vår vy.

  • Arrays
  • If/Else
  • Avisera variabler

Och det är allt. Håll det enkelt.

Handlebars

Handlebars är mycket mer komplicerat på denna punkt. Här kan du göra hur mycket logik som helst med handlebars hjälpmedel. Detta är ganska häftigt men det är också ett farligt vapen eftersom vi verkligen inte vill ha massor av logik i vår vy.

Om du inte vill använda helpers kan du också göra samma sak som i Mustache.

Vinnare av rundan:

Sammanfattning

Okej, dags att summera.

Jag tycker att om du skapar en liten app eller om du inte behöver komplex logik i din vy, bör du använda Mustache. Det beror på att du vill hålla din logik så enkel som möjligt och att du inte heller vill ha några farliga verktyg i din verktygslåda.

Den andra sidan kan din app behöva lite mer komplex logik än if’s och array’s. I det fallet skulle jag definitivt välja Handlebars, men var försiktig med hjälparna och lägg inte till logik som kan finnas i kontrollern.

Tack för att du läste !

Juan.