21 Octane links

• Avoiding Lifecycle in Components

  A guide to how to avoid using lifecycle modifiers like did-insert, did-update etc

  Article by NullVoxPopuli on 30th July 2021
  

  • Best Practices
  • Components
  • Modifiers

• When does @cached get recomputed in EmberJS

  Article by Michal Bryxí on 30th December 2020
  

  • Caching
  • Glimmer
  • Octane
  • Tracking

• Ember Select Lite

  The simplest Ember <select> there is. Octane ready.

  Addon by Ava Wroten on 7th November 2020
  

  • Accessibility
  • Addons
  • Forms
  • Glimmer
  • Octane
  • UI

• Release: Ember Bootstrap v4.4

  Includes refactor Tooltips and Popovers to Glimmer components.

  Addon by Simon Ihmig on 30th October 2020
  

  • Addons
  • Glimmer
  • Styling

• Introducing @use

  Introduces some forthcoming Octane features including Resources and template functions.

  Article by Chris Garrett on 28th October 2020, in Essential Octane
  

  • Best Practices
  • Glimmer
  • Octane
  • Resources

• Release: Ember Scroll Modifiers v1.0

  Scroll-based Modifiers for Ember Applications using the intersection observer API.

  Addon by Jordan Hawker on 20th October 2020
  

  • Addons
  • Modifiers
  • Scrolling
  • Styling
  • UI

• Comparing Ember Octane and React

  A comparison between Ember and React, using the latest idioms and best practices from both frameworks. That means using Ember Octane, the latest Edition of Ember, and React's new hooks API.

  Article by Chris Garrett on 7th May 2020, in Essential Octane
  

  • Best Practices
  • Glimmer
  • Octane

• Autotracking Case Study - TrackedMap

  This blog post is my fourth post in a series on autotracking, the new reactivity system in Ember.js.

  Article by Chris Garrett on 21st April 2020, in Autotracking
  

  • Autotracking
  • Glimmer
  • Octane

• How Autotracking Works

  This blog post is the third in a series on autotracking, the new reactivity system in Ember.js.

  Article by Chris Garrett on 26th February 2020, in Autotracking
  

  • Autotracking

• What Makes a Good Reactive System?

  This blog post is the second in a series on autotracking, the new reactivity system in Ember.js.

  Article by Chris Garrett on 10th February 2020, in Autotracking
  

  • Autotracking
  • Octane

• What Is Reactivity?

  Ember Octane has landed along with a large number of new features, but none of these features is more exciting to me personally than autotracking. Autotracking is Ember's new reactivity system, which is what allows Ember to know when stateful values (such as @tracked properties) have changed.

  Article by Chris Garrett on 27th January 2020, in Autotracking
  

  • Autotracking
  • Glimmer
  • Octane

• Do You Need EmberObject?

  As native classes have stabilized and more and more of the Ember community has begun converting over to them, I've heard a lot of misinformation being spread around about what they are and aren't capable of. This is a pretty important transition for Ember, so I wanted to set the record straight really quickly about a few key things.

  Article by Chris Garrett on 22nd November 2019, in Essential Octane
  

  • Classes
  • Computed Properties
  • Decorators
  • Mixins
  • Observers
  • Services

• Ember Octane Update: Async Observers

  Making observers asynchronous may seem like a strange decision at first. After all, observers are functions that are triggered by property changes, so shouldn't they run immediately after the property changes?

  Article by Chris Garrett on 17th June 2019
  

  • Asynchrony
  • Computed Properties
  • DDAU
  • Data Loading
  • Glimmer
  • Observers
  • Octane

• Ember Octane Update: Landing Decorators

  When decorators are officially released, the main change is that all computed(), service(), controller(), and all of the computed property macros will become native decorators directly. You will not need to import them from a separate file path.

  Article by Chris Garrett on 30th April 2019, in Essential Octane
  

  • Decorators
  • Glimmer
  • Octane

• Ember Octane Update: What's up with `@action`?

  A very thorough guide to using @action with Ember Octane.

  Article by Chris Garrett on 9th April 2019, in Essential Octane
  

  • Actions
  • Glimmer
  • Octane

• Coming Soon in Ember Octane - Part 5: Glimmer Components

  Comprehensive guide to working with Glimmer components.

  Article by Chris Garrett on 8th March 2019, in Essential Octane
  

  • Angle Brackets
  • Components
  • Glimmer
  • Octane

• Coming Soon in Ember Octane - Part 4: Modifiers

  Modifiers are similar to Handlebars helpers, they are functions or classes that can be used in templates directly using {{double-curlies}}. The major difference with modifiers is that they are applied directly to elements.

  Article by Chris Garrett on 1st March 2019, in Essential Octane
  

  • DOM
  • Glimmer
  • Modifiers
  • Octane

• Coming Soon in Ember Octane - Part 3: Tracked Properties

  Tracked properties are Ember's next iteration on this system. They address all of the above pain points, and then some. The way they work is by explicitly annotating all trackable properties on a class, instead of annotating the dependencies for every single getter, effectively reversing where the annotation occurs.

  Article by Chris Garrett on 22nd February 2019, in Essential Octane
  

  • Autotracking
  • Glimmer
  • Octane

• Coming Soon in Ember Octane - Part 2: Angle Brackets Syntax & Named Arguments

  Angle Bracket Syntax, Named Argument Syntax and Required this in Templates explained.

  Article by Chris Garrett on 15th February 2019, in Essential Octane
  

  • Angle Brackets
  • Best Practices
  • Components
  • Glimmer
  • Octane

• Coming Soon in Ember Octane - Part 1: Native Classes

  Maybe you're not convinced by the new syntax - after all, it's not that much different than what we have today. There are many other benefits that'll be coming thanks to native classes, and I'd like to touch on them briefly here.

  Article by Chris Garrett on 8th February 2019, in Essential Octane
  

  • Classes
  • Decorators
  • Glimmer
  • Octane

• Ember.js Native Class Update: 2019 Edition

  A deep dive into native classes.

  Article by Chris Garrett on 22nd January 2019, in Essential Octane
  

  • Classes
  • Glimmer
  • Octane