react-server-components-framework

# React Server Components Framework ## Overview React Server Components (RSC) represent a paradigm shift in React architecture, enabling server-first rendering with client-side interactivity. This skill provides comprehensive patterns, templates, and best practices for building modern Next.js 15 applications using the App Router with Server Components, Server Actions, and streaming. **When to use this skill:** - Building Next.js 15+ applications with the App Router - Designing component boundaries (Server vs Client Components) - Implementing data fetching with caching and revalidation - Creating mutations with Server Actions - Optimizing performance with streaming and Suspense - Implementing Partial Prerendering (PPR) - Designing advanced routing patterns (parallel, intercepting routes) --- ## Why React Server Components Matter RSC fundamentally changes how we think about React applications: - **Server-First Architecture**: Components render on the server by default, reducing client bundle size - **Zero Client Bundle**: Server Components don't ship JavaScript to the client - **Direct Backend Access**: Access databases, file systems, and APIs directly from components - **Automatic Code Splitting**: Only Client Components and their dependencies are bundled - **Streaming & Suspense**: Progressive rendering for instant perceived performance - **Type-Safe Data Fetching**: End-to-end TypeScript from database to UI - **SEO & Performance**: Server rendering improves Core Web V...