Skip to content
useAnimatedText | Events vs. State Changes | Catalyst episode artwork

EPISODE · Oct 24, 2024 · 1H 8M

useAnimatedText | Events vs. State Changes | Catalyst

from Frontend First · host 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

Episode metadata supplied by the publisher feed · Published Oct 24, 2024

Embed this episode

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.

Distinct summary based on available episode metadata or transcript content.

Ready to play

useAnimatedText | Events vs. State Changes | Catalyst

0:00 1:08:19

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

No similar episodes found.

No similar podcasts found.

Frequently Asked Questions

How long is this episode of Frontend First?

This episode is 1 hour and 8 minutes long.

When was this Frontend First episode published?

This episode was published on October 24, 2024.

Can I download this Frontend First episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.
URL copied to clipboard!