RAFT
Back to lessonsAssessment

Nunjucks macros vs HTML for design system components

Decide when to use macros vs raw HTML, and keep components maintainable.

Goal

Choose the right approach for speed and maintainability.

Steps

  1. Pick a component (e.g. input, radios, summary list).
  2. Implement it using macro.
  3. Implement it using HTML.
  4. Compare readability, flexibility, and reuse.

Notes

Source inspiration: hippo-prototyping discussion https://github.com/hippo-digital/hippo-prototyping/discussions/39