-
Notifications
You must be signed in to change notification settings - Fork 0
BE: Templating Engines
We hebben drie soorten templating engines om uit te kiezen:
- pug
- ejs
- handlebars
Wat is een template engine? Een template engine is een programma dat verantwoordelijk is voor het opstellen van een template (dat kan worden geschreven in een van een aantal talen) in HTML. De template engine ontvangt gewoonlijk gegevens van een externe bron, die het zal injecteren in de template die het aan het compileren is. Dit wordt geïllustreerd door het volgende diagram:
Laten we kijken wat de templating engine pug inhoudt: "Pug is een template engine voor Node en voor de browser. Het codeert naar HTML en heeft een vereenvoudigde syntaxis, wat productiever en je code leesbaarder kan maken. Pug maakt het makkelijk om herbruikbare HTML te schrijven, maar ook om data uit een database of API te renderen. Je hoeft bij pug veel minder code te schrijven waardoor het tijdbesparend is."
Laten we kijken wat de templating engine ejs inhoudt: _"EJS is een template engine voor Node en voor de browser. Met ejs verbind je de html met een ejs.file doormiddel van express, en dan kun je eigenlijk normale HTML schrijven die je gewend bent. Verder kan je standaard partials inladen door termen als include te gebruiken. EJS is kenmerkend voor de haakjes namelijk <%= title =%> hiermee laad je een stuk tekst in vanuit je index.js.
Laten we kijken wat de templating engine handlebars inhoudt:
Handlebars is een logica-loze templating engine die dynamisch je HTML pagina genereert. Het is een uitbreiding van Mustache met een paar extra mogelijkheden. Handlebars maakt gebruik van enkele helpers (zoals if, with, unless, each en meer) .
Door dit onderzoek heb ik een beter beeld gekregen wat template engines zijn en wat zij kunnen doen. Ik heb uiteindelijk gekozen voor EJS omdat het wat vertrouwder aanvoelt, je eigenlijk nog steeds veel standaard semantisch correcte HTML code, dit is voor mij de beste optie omdat dit allemaal vrij nieuw is. Wellicht dat we in de toekomst doorschuiven naar pug.
Bronnen:
EJS
Sofya Gerges Productions 💜 | 2021
Speciale message voor docent front-end, Alles wat onder de kopjes Research Javascript & Eloquent Javascript Book staat is voor het vak Front-end. En de twee losse pagina's Codeplan + wireframes en Progressive Enchanchment ook.
- Template Engines
- Progressive Enchanchment Front-end:
- Formatters & Linters
- Text editors
- Command Line: Git Strategy
- Clean Code Javascript