useAnimatedText | Events vs. State Changes | Catalyst

Frontend First

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