The Art of Building Modern Dynamic Forms
summary
Argues for a server‑first form model using React 19 and React Server Components, with server actions (Next.js app router), shared Zod validation, and selective cache busting via revalidateTag. Shows a real course platform and a Proofy Bubble product: a slow "mark as complete" flow drops from ~16s to ~10s by targeted revalidation and to ~1–2s with optimistic UI and startTransition, keeps pages usable without JS, and reduces client bundle size and hydration by moving fetching and mutations to the server.
AI-written summary · about
chapters (11)
- 0:00Modern dynamic forms intro
- 2:15Traditional form limits
- 5:45Server-first form architecture
- 7:56Client-only to server-first
- 10:44New form workflow
- 13:12Cache invalidation
- 15:18Optimistic UI feedback
- 18:29Prevent UI freezing with useTransition
- 21:20Server-first interactive forms
- 23:25Why server-first wins
- 24:06Next steps
related talks
27mEnhancing Forms with React Server Components and React 19
28mEnhancing Forms with React Server Components
20mEnhancing Forms with React Server Components
27mEnhancing Forms with React Server Components
28mBuilding validated forms with great UX in React
25mRe-Form the future. Rethinking Form Validations in React
27mBuilding better forms with React 19
36mBack to Basics Why HTML Forms Still Rule the Web