Managing animations (sanely) in (insanely) complex apps
summary
An explicit solution: tie view updates to an animation orchestrator that decides whether to queue vs interrupt vs additive, use low‑level engines for timing (recommendation: GreenSock timelines), and ship a concrete open‑source implementation named React Animation Orchestrator that integrates store updates with timelines. The demo shows the multi‑select UI and interactive video overlays built at Echo, supports queued and interrupt modes, and visibly works—the library advances, skips, or blends animations per the selected policy.
AI-written summary · about
chapters (19)
- 0:00Intro
- 1:00Interactive video
- 2:20What is Echo
- 3:16User Interfaces
- 5:43Managing animations
- 6:23What is animation
- 7:29Definition of animation
- 8:02Animation is dynamic
- 9:05Email client example
- 10:59What is state
- 13:13Handling state
- 14:22App example
- 18:51App characteristics
- 19:27Animation vs State
- 24:36Additive Animation
- 25:16Limiting Access
- 26:18Which one should you pick
- 26:44How do we solve this
- 27:21Implementation
