Evyatar Alush @ ReactNext '25
summary
Live-codes migrating a small contact app to React Server Actions and Server Components, replacing API routes with direct server-side actions, Prisma calls and Next revalidation; migrates client components + API routes to server actions, removes most client-side state and handlers, implements forms via normal <form> submits and a hidden id field, adds optimistic UI with useOptimistic/useActionState to show pending messages, and demonstrates the app working end-to-end while noting recent React 19 security bugs that are now patched.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 2:22React server actions and components
- 7:27Migrating contact app to server components
- 12:04Favorite button with server actions
- 15:17Refactoring contact form without client state
- 18:29Slow operations with useFormStatus
- 20:16Pager as client component
- 23:51Messages with useActionState
- 26:43Initial messages from server
- 28:33Optimistic updates with useOptimistic
- 31:04Closing thoughts
related talks
20mEnhancing Forms with React Server Components
27mEnhancing Forms with React Server Components and React 19
28mEnhancing Forms with React Server Components
45mReact Server Components: A New Way to Build Fast and Interactive Web Apps
59mReact in 2024: Exploring the New Stuff
28mMastering Server-Side Development for React Developers
01mMeet Aurora Scharff
25mRevolutionize Your Backend: Mastering Server Actions with Next.js and React