templating - Neinno/Blok-tech GitHub Wiki
Templating
Template engines worden gebruik om HTML in te schrijven. Het maakt het mogelijk om daar dan je data te gebruiken die je vanuit je server.js stuurt
Ik heb drie template engines onderzocht. Dat waren Pug, ESJ en Handlebars. Eerst ben ik gaan kijken naar Pug. Dit lijkt erg makkelijk om te gebruiken omdat je dan minder moet typen, maar ik vond het erg lastig om te gebruiken. Pug is erg fout gevoelig, en je kan niet echt HTML schrijven op de manier waarop ik gewend was. ESJ en Handlebars lijken meer op echt HTML.
Vergelijking
| PUG | EJS | Handlebars |
|---|---|---|
| Makkelijk te lezen | Erg goede error handling | Gebruikt {{}} met standaard html syntax |
| Fout gevoelig | Lijkt veel op HTML | Lijkt net als EJS veel op HTML |
| Heeft eigen syntax en is daarom lastig | Makkelijk te leren | Ook erg makkelijk te leren |
Om minder code te hoeven schrijven heb ik gebruik gemaakt van partials. Wat ik nu gebruik als een partial is mijn header. Dit kan ik dan op iedere HTML pagina toepassen zonder het op iedere pagina te kopieren. Dat kan ik doen door een header bestand in mijn partial map te zetten. Ik gebruik dan de volgende code op iedere pagina:
{{>header}}
Opzet
Bronnen: