Getting Started with 'template' Tag Components
summary
Template tag components claim to become Ember Polaris’s default component format, provide in-file template tag syntax with imports, and unlock real benefits: local helpers/modifiers/components, straightforward testing, and build-time code splitting. Practical tooling already exists: the ember-template-imports add-on plus ggs/gts files, Prettier and Glint plugins, and VS Code extensions; a live copy-to-clipboard demo works. GitHub highlighting needs 2000 files but currently sits around 1100, so web syntax highlighting remains partial.
AI-written summary · about
chapters (18)
- 0:00Template tag components intro
- 1:39Why Amber introduced template tag components
- 3:27Problems with current components
- 6:36Live demo: template component
- 9:46Why template tag syntax
- 10:48Template tag semantics
- 12:57Direct imported value access
- 14:21Local helpers and modifiers
- 15:47Multiple components in one file
- 17:13Testing with template tags
- 18:15Styling with template tags
- 19:19Using template tag components
- 22:35Tooling config for template tags
- 24:41Editor support for template tags
- 26:49Syntax highlighting on GitHub
- 28:33Tutorials and resources
- 28:54Future limits and features
- 31:23Summary and adoption
