useAnimatedText | Events vs. State Changes | Catalyst

Update: 2024-10-24

Description

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:

Comments

Top Podcasts

The Best New Comedy Podcast Right Now – June 2024 The Best News Podcast Right Now – June 2024 The Best New Business Podcast Right Now – June 2024 The Best New Sports Podcast Right Now – June 2024 The Best New True Crime Podcast Right Now – June 2024 The Best New Joe Rogan Experience Podcast Right Now – June 20 The Best New Dan Bongino Show Podcast Right Now – June 20 The Best New Mark Levin Podcast – June 2024

In Channel

Exploring useActionState

2024-11-1459:57

Cloudflare Tunnel | React Compiler | refs during render

2024-10-3142:46

useAnimatedText | Events vs. State Changes | Catalyst

2024-10-2401:08:19

Can you self-host Next.js?

2024-10-1058:03

Tom Occhino on the future of React

2024-09-1801:00:27

Render props

2024-09-0534:43

Controlled and uncontrolled components

2024-08-2847:25

Unstyled React components

2024-08-1534:08

What is a framework?

2024-08-0101:02:38

Crossover: Declaring War Against the Frontend

2024-07-2559:17

Blog Post Club: Queueing - An interactive study of queueing strategies

2024-07-1846:27

SPAs in React 19

2024-07-1159:34

High floor, high ceiling

2024-07-0359:24

Technical Cost vs. Product Benefit

2024-06-2001:14:10

View Transitions in React

2024-06-1253:21

CodeMirror | Radix Themes

2024-04-1745:11

Throw is about control flow – not error handling

2024-04-1001:04:11

The Philosophy of Next.js

2024-03-2201:16:00

Beyond Data Fetching with RSCs

2024-03-1301:09:50

Blog Post Club: React Labs – What We’ve Been Working On

2024-03-0101:23:05

00:00

1.0x

useAnimatedText | Events vs. State Changes | Catalyst

#box-pro-ellipsis-173251134807084{-webkit-line-clamp:2;}useAnimatedText | Events vs. State Changes | Catalyst

useAnimatedText | Events vs. State Changes | Catalyst

Frontend First

useAnimatedText | Events vs. State Changes | Catalyst