Skip to content
Artwork for Frontend First
Frontend First · Oct 24, 2024 · 1 hr 8 min

useAnimatedText | Events vs. State Changes | Catalyst

Sam and Ryan talk about building a useAnimatedText hook that can animate streaming text. They also discuss how React code that uses state changes to approximate events can be simplified, and the benefits of having escape hatches when building UI with Catalyst. Timestamps: 0:00 - Intro 1:22 - Catalyst and escape hatches 16:03 - Building a useAnimatedText hook (aka useBufferedText) 54:10 - Avoiding using state changes to approximate events Links: Catalyst Sam's Tweet about useBufferedText and AnimatedScroller useAnimatedText recipe Intl.Segmenter on MDN David K's Tweet on events Ricky's Tweet on Intersection Observer Build UI's new course

0:00-1:08:19

transcript

No transcript — this publisher did not publish one.

show notes

Sam and Ryan talk about building a useAnimatedText hook that can animate streaming text. They also discuss how React code that uses state changes to approximate events can be simplified, and the benefits of having escape hatches when building UI with Catalyst.

Timestamps:

  • 0:00 - Intro
  • 1:22 - Catalyst and escape hatches
  • 16:03 - Building a useAnimatedText hook (aka useBufferedText)
  • 54:10 - Avoiding using state changes to approximate events

Links:

links7

more episodes

All episodes