TS React Beginners 10 Server Components - React Server Components + Actions — the React 19 split

Description

We're shifting tags — 🟣 ADVANCED → 🟡 PROFESSIONAL. Server Components are the React 19 architecture every team is migrating toward. In this lesson: ✓ Server Components run ONLY on the server, ship ZERO JS ✓ `await db.product.findMany()` directly in components ✓ `'use client'` — opt into interactivity (state, events, browser APIs) ✓ `'use server'` Actions — server functions called from client like normal funcs ✓ Streaming + Suspense — progressive rendering ✓ Vite SPA vs Next.js — when to choose which You'll learn: → When to start with `'use client'` (rarely) and where to put it (small islands) → How Actions replace many useMutation + REST endpoint pairs → Why the L00-L09 stack (Vite SPA + FastAPI) is still valid in 2026 Chapters: 00:00 The split — server vs client 01:00 Server Component anatomy 02:30 The 'use client' boundary 03:00 'use server' Actions walkthrough 04:30 Streaming with Suspense 05:30 Vite SPA vs Next.js — the 2026 framework decision 06:30 Recap → L11 Tests + Vite + Docker #ReactServerComponents #React19 #Nextjs #WebDev #TypeScript