Milyen sablonokat használtál HTML-ben?

MVC, MVVM, Observer (állapotváltozásokra való feliratkozás révén), EventEmitter (komponensek közötti interakcióhoz).

Néha egyszerűbb megközelítéseket használtam, például a kód modulokra bontását funkció szerint, vagy az UI szervezését az atomikus tervezés (Atomic Design) elve szerint.

Szintén megfontolhatók minták, amelyek a sablonok újrafelhasználásával kapcsolatosak, például:

• Includes: Egy HTML fájl tartalmának beszúrása egy másikba fordítás vagy szerveroldali feldolgozás során.
• Components (Web Components): Egyedi elemek használata, kapszulázott szerkezettel, stílusokkal és viselkedéssel.
• Templating Engines (Handlebars, Pug/Jade): Szintaxis használata a dinamikus HTML létrehozásához adatok alapján.

<!-- Include használatának példája -->
<div class="header">
  {% include 'header.html' %}
</div>

<!-- Web Component használatának példája -->
<my-custom-element attribute-name="value"></my-custom-element>

<!-- Pug/Jade sablonpélda -->
div.container
  h1 Szia, #{name}!
  p Ez egy sablon példa.