Templaaminen ei vanhene koskaan… Siksi tänään vertailemme Mustachea ja Handlebarsia.

Mustache

Aluksi on myönnettävä, että Mustachen dokumentaatio on aika hauska. He käyttivät omaa syntaksiaan selittääkseen mitä Mustache voi tehdä ja miten se toimii. Toisaalta dokumentaatio on vähän huono, siinä ei ole mielenkiintoisia esimerkkejä tai hyvää demoa. Tästä ei ole paljon muuta kerrottavaa.

Linkki dokumenttiin: http://mustache.github.io/mustache.5.html

Handlebars

Handlebarsilla on kaksi dokumenttia. Ensimmäinen, jota aiomme analysoida, on heidän verkkosivuillaan (http://handlebarsjs.com/) oleva dokumentaatio.

Ei yhtä hauska kuin Mustachen dokumentaatio, mutta paljon helpompi lukea. Siinä on asennusopas, joka on todella selkeä. Muu dokumentaatio ei ole niin mahtavaa. Kyllä suurin osa esimerkeistä on aika selkeitä mutta on joitain muita joilla ei ole todellista sovellusta esim. ei ole yleistä rekisteröidä osittaista kuten dokumentaatiossa sanotaan.

Kakkosdokumentaatio on se joka on repossa (https://github.com/wycats/handlebars.js/). Tämä se on hieman mielenkiintoisempi kuin sivulla oleva. Tämä johtuu siitä, että siinä on enemmän teknisiä yksityiskohtia, jotka on tarpeen tarkistaa, kun päätämme, mitä templatointikieltä aiomme käyttää (esim. yhteensopivuus ja suorituskyky)

Kierroksen voittaja: Handlebars !

2. kierros. Partiaalit

Partiaalit Mustachessa on todella helppo toteuttaa. Niitä ei tarvitse rekisteröidä, julistaa tai mitään outoa.

Handlebars

Partialit Handlebarsissa ovat hieman monimutkaisempia kuin Mustachessa. Sinun täytyy rekisteröidä partiaalit seuraavalla syntaksilla:

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

Ongelma tässä on se, että sinulla ei voi olla partiaaleja alikansioissa. Esimerkiksi tätä et voi tehdä:

> views

-> partials

– – >header

– – – >Menu

Ei paljon muuta kerrottavaa tällä kierroksella.

Kierroksen voittaja: Viikset !

3. kierros. Logiikka

Viiksien filosofia on pitää asiat yksinkertaisina. Sen takia voimme tehdä todella vähän asioita näkymässämme.

  • Arrays
  • If/Else
  • Muuttujien näyttäminen

Ja siinä kaikki. Keep it simple.

Handlebars

Handlebars on paljon monimutkaisempi tässä kohtaa. Tässä voit tehdä niin paljon logiikkaa kuin haluat handlebarsin apuvälineillä. Tämä on aika mahtavaa, mutta se on myös vaarallinen ase, koska emme todellakaan halua tonneittain logiikkaa näkymäämme.

Jos et halua käyttää apulaistoimintoja, voit myös tehdä saman kuin viiksissä.

Kierroksen voittaja: Draw !

Summary

Okei, aika tehdä yhteenveto.

Olen sitä mieltä, että jos olet luomassa pientä sovellusta tai jos et todellakaan tarvitse monimutkaista logiikkaa näkymässäsi, kannattaa käyttää Mustachea. Tämä johtuu siitä, että haluat pitää logiikkasi mahdollisimman yksinkertaisena ja lisäksi et halua työkalupakkiisi vaarallisia työkaluja.

Sivussa sovelluksesi saattaa tarvita hieman monimutkaisempaa logiikkaa kuin if:t ja array:t. Siinä tapauksessa valitsisin ehdottomasti Handlebarsin, mutta ole varovainen helpereiden kanssa äläkä lisää logiikkaa, joka voisi olla kontrollerissa.

Kiitos lukemisesta !

Juan.