Building Interactive React Applications
summary
Building a small web app called Saturday on CodeSandbox, the talk demonstrates concrete techniques using framer motion: fading vs layout animations via the layout prop, a selected-post zoom implemented by measuring bounding boxes and animating y positions, drag-to-dismiss with spring momentum and a 100px threshold, and client-side optimistic updates to avoid server delay. It also covers accessibility by honoring the reduced motion preference and shorter exit timings so animations feel useful and not disruptive.
AI-written summary · about
chapters (8)
- 0:00Start
- 0:57What Makes an Interface Good to Use
- 6:40Layout Animations
- 14:55Instagram
- 16:28Details View
- 17:13Layout Shared Layout Animations
- 19:50Drag and Drop
- 23:37Use Reduce Motion Hook
