react-component-architecture-rsc
OfficialServer vs Client UI: patterns for architecture
Software Engineering#react#nextjs#server-components#client-components#data-passing#composition-patterns#island-architecture
AuthorAgentient
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This framework helps teams decide when to render React components as Server Components or Client Components, enabling better performance and maintainability through clear boundary decisions.
Core Features & Use Cases
- Decision guidance for when to apply 'use client' and how to compose islands with small client leaves.
- Data flow rules that ensure server-provided data is passed as serializable props to client components.
- Architectural patterns for server-first rendering, composition of components, and safe data sharing between server and client.
Quick Start
Analyze a Next.js or React app to determine where to place 'use client', how to split pages into server and client leaves, and how to pass server data to client components.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-component-architecture-rsc Download link: https://github.com/Agentient/vibekit/archive/main.zip#react-component-architecture-rsc Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.