Ember Octane Guide

A guide to building ambitious web applications with Ember Octane's modern component model, tracked properties, and native class syntax.

Usage

Ask about Ember Octane components, tracked properties, modifiers, or migration patterns.

Examples

• "Create a Glimmer component with tracked state"
• "How do I write a custom modifier in Ember?"
• "Migrate a classic component to Octane patterns"

Guidelines

• Use Glimmer components (template-only by default)
• Mark reactive state with @tracked decorator
• Use modifiers for DOM manipulation instead of lifecycle hooks
• Leverage Ember Data for model layer management
• Follow the convention-over-configuration philosophy