ember-local-storage

To persist UI state in Ember across page reloads, use the @localStorage decorator to automatically save component property values to localStorage and reflect changes reactively via Glimmer tracking.

You can store booleans, numbers, strings, arrays, and objects in localStorage using an Ember decorator, because values are JSON-serialized to support durable client-side preferences across sessions.

Yes, you need the ember-local-storage-decorator package to enable reactive localStorage-backed properties in Ember.js applications, which integrates with Glimmer tracking for automatic UI state updates.

Glimmer tracking works with localStorage in Ember apps by automatically detecting changes to decorator-backed properties and updating the UI, ensuring reactive state management without manual synchronization.

The best way to persist sidebar state and theme preference in Ember is applying the @localStorage decorator to component properties, enabling seamless client-side persistence across sessions without server round-trips.