Experiments >

Code animation: Selection store

Experiment #13716th April, 2021by Joshua Nussbaum

To make the property editor work, the UI must show a different editor depending on the current selection.

The selection can either:

  • The frame
  • The code editor
  • A single event on the timeline
  • The settings

But there is only one selection at a time. That means a global store is a good place to keep this data:

Selection Store API

  • select(type, id): selects a specific type of item, id is optional.
  • clear(): wipes out the current selection.
  • toggle(type, id): similar to select(), except it clears the selection if it has the same type and id.





  • A common task is matching against current selection to add a css class. I wonder if that can be simplified further with a derived store.
view all experiments

Stay tuned in

Learn how to add more experimentation to your workflow