Reusable pending UI for forms with Server Actions

Frontend First

English - July 05, 2023 13:20 - 42 minutes - 38.7 MB - ★★★★★ - 18 ratings
Technology technology web javascript ember ember.js software development design Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed

Previous Episode: How Suspense led to Server Components (React Roundtable reaction)

Next Episode: Server-side rendering vs. Server Components

Ryan shares his thoughts on how Server Actions and the useFormStatus hook are letting him build reusable pending UI for any form in his Next.js side project. Sam talks about how TypeScript prevents an entire class of data-loading bugs that have plagued single-page applications built with a client-side cache.

Topics include:

0:00 - Tailwind Connect2:38 - Using TypeScript to prevent data-loading errors19:27 - Building reusable form UI with Server Actions and useFormStatus

Links:

Server Actions in Next.js Styling a Radix Dialog with Tailwind CSS