Mastering Server-Side Development for React Developers
summary
A live Next.js demo shows a blog with a like button (API fetch + useOptimistic) and a comments form implemented as a server action that calls await, uses revalidatePath and updates the server-only comment list without full-page refresh. The talk claims React (v19-style server components, streaming, SSG and server actions) lets teams replace a page that needed 100 network calls with cached server-rendering to cut client bundle size and speed the UI; the demo works and logs show server vs client execution.
AI-written summary · about
chapters (11)
- 0:00Introduction to talk
- 1:59Client server relationship explained
- 3:03Evolution of web development
- 8:08Single page apps and React
- 9:13Streaming and server actions
- 12:08React 19 and SSG support
- 14:37Server components and hydration
- 15:42Demo app walkthrough
- 18:12Like button implementation
- 21:46Comment form and server actions
- 26:24Key takeaways and conclusion
related talks
45mReact Server Components: A New Way to Build Fast and Interactive Web Apps
32mReact Server Components 101
59mReact in 2024: Exploring the New Stuff
31mReact new Era, AKA Here we go Server Components
54mReact Server Components: A New Way to Build Fast and Interactive Web Apps
21mHow Next.js is delivering React’s vision for the future
12mExploring the Power of React Server Components
21mReact Server Components