Provides TypeScript patterns for building type-safe React 18 and 19 applications.
npx skills add https://github.com/irizqi/agent-skills --skill react-dev-irizqi
Please help me install this Agent Skill. Skill: react-dev Source: https://github.com/irizqi/agent-skills/tree/main/skills/react-dev Command: npx skills add https://github.com/irizqi/agent-skills --skill react-dev-irizqi
This skill eliminates TypeScript guesswork in React development by providing compile-time guarantees, confident refactoring, and production-ready patterns that catch bugs before runtime.
Use the react-dev skill to generate a type-safe button component that extends native HTML button props and supports variant-based styling.
High-intent search queries and answers about installing and using this skill.
Type-safe React components use discriminated unions for variant props, ensuring compile-time validation for styling. This approach catches invalid prop combinations before runtime and provides full IDE autocompletion for component configurations.
Generic React components use TypeScript constraints to infer data types automatically. Implementing generic patterns for tables ensures column keys match the data structure, providing type safety and autocompletion for reusable UI elements.
React 19 Server Components and Server Actions require specific TypeScript patterns to maintain type safety across the server-client boundary. These patterns ensure compile-time guarantees for asynchronous server-side data fetching and form action handling.
Yes, type-safe React patterns support extending native HTML element props. You can generate components that inherit native button props while adding custom variant-based styling, ensuring full compatibility with standard DOM attributes.
Migrating React 18 to 19 involves adopting modern APIs like the use() hook while maintaining existing compile-time type safety. Efficient migration patterns ensure production-ready code catches bugs during the transition without runtime regressions.
oborchersEnforce strict TypeScript type safety with Zod runtime validation.
fgarofalo56Validate TypeScript data with Zod schemas and inferred types.
jeffwweeeDevelop Next.js 14+ frontends with App Router, TypeScript, and React 18.
saddam-eng-techConvert JavaScript React components to TypeScript with inferred type definitions.
