The (Finite) State of Reactive Animations

Reactive animations are more than just timelines. They adapt and respond to user input, creating a lively, exciting, and meaningful user experience. However, these dynamic user interfaces can quickly become complex, especially as features are added. So how can we build them in a manageable, scale-able, flexible, and declarative way? Enter finite state machines (FSMs).

In this session, we will explore how FSMs can organize app logic and choreograph complex, reactive animations with RxJS. These state machines can also be used to automatically generate visualizations of the logic, which enables us to not only observe the current app state and events in real time, but simulate and test these animations. There will be many demos highlighting these complex reactive animations, with resources to help you use them in your front-end projects today.