Skip to content

Transition away from Handlebars for style guide templates?Β #44

@tylersticka

Description

@tylersticka

We've discussed adding support for other templating languages for patterns (#22), but this issue is specifically about what we're using for this project's layouts, templates, etc.

I've noticed over the course of some recent projects and making modifications to this one that Handlebars has a number of shortcomings:

  • It doesn't support async helpers or functions. More and more libraries are writing asynchronous features by default these days, so that limits what helpers we can expose to the style guide.
  • It doesn't support relative paths in includes.
  • It doesn't have a unique filter syntax, resulting in messy {{nested (shortcodes (of (doom)))}}
  • It doesn't support conditionals that are more complex than truthy/falsy checks.
  • Its loop syntax can be confusing since it assigns the current value to . or @this (whereas most other template engines cast the current element to a property name like JavaScript does).
  • While it supports extensible blocks in partials (@gerardo-rodriguez wrote a great article on this), its syntax for doing so is not very discoverable.
  • It is not fully supported in certain Eleventy Frontmatter properties (such as pagination).

Looking at Eleventy's built-in template languages, I can't help but gaze enviously at the list of supported Nunjucks features… πŸ‘€

Especially interested in @Paul-Hebert's opinion as the originator of this repo!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions