Enforce TypeScript, strict mode, and accessibility in React 18+ component design.
npx skills add https://github.com/lamb92009/claude-skills --skill react-expert-lamb92009
Please help me install this Agent Skill. Skill: react-expert Source: https://github.com/lamb92009/claude-skills/tree/main/react-expert Command: npx skills add https://github.com/lamb92009/claude-skills --skill react-expert-lamb92009
This guide helps engineering teams design and implement scalable React 18+ applications by applying modern patterns, architecture decisions, and best practices.
Create a minimal React 18+ app skeleton that demonstrates a Server Component with a client component using Suspense.
High-intent search queries and answers about installing and using this skill.
React Server Components handle data fetching on the server, wrapping client components using Suspense boundaries to manage loading states. This architecture separates server and client logic, preventing waterfall requests and optimizing initial page load performance.
Advanced state management in TypeScript React apps requires strict type safety, strategic hook composition, and performance optimizations. Establishing robust component architecture ensures predictable state transitions and maintains scalability across complex applications.
Building scalable React apps requires strict mode and error boundaries to catch bugs and handle render failures gracefully. Omitting these enforced requirements risks runtime instability and degrades user experience during component failures.
TypeScript enforces type safety in UI design by validating component props and state contracts during compilation. This strict typing prevents runtime errors, improves developer ergonomics, and ensures robust component architecture.
Splitting server and client component boundaries is necessary when specific UI elements require interactivity or browser APIs. Keeping data fetching on the server while isolating interactive logic minimizes client bundle size and maximizes performance.
BigdropsProvide TypeScript patterns and best practices for React development.
AratKruglikDetermine Server or Client Component usage in Next.js app router layouts.
FeedbackFriendsGuide Tailwind CSS and Next.js UI development with design tokens and semantic utilities.
leksaGuide frontend developers in building Vue.js 3 applications with the Composition API.
