react-web
CommunityType-safe, server-first React apps.
AuthoriButters
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Guides developers building modern React apps (19+) that leverage Server Components, client components, and cutting-edge hooks, with TypeScript integration and performance patterns.
Core Features & Use Cases
- Server Components by default: Render on server to reduce client JS.
- Client Components: Add 'use client' for interactivity.
- Actions for forms: Use useActionState for form flows.
- Modern hooks: use(), useOptimistic(), useFormStatus.
- Project scaffolding: Organize with src/, app/, hooks, lib, etc.
- Performance tips: Code-splitting, lazy loading, etc.
Quick Start
Create a new React project (Vite or Next.js), structure it to demonstrate server + client components, and implement a simple interactive counter using a client component with useState and a server component for data fetch.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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-web Download link: https://github.com/iButters/ClaudeCodePlugins/archive/main.zip#react-web 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.