What problem does it solve?
This Skill eliminates guesswork in React TypeScript development by providing compile-time guarantees, confident refactoring, and production-ready patterns that catch bugs before runtime.
Core Features & Use Cases
- Type-Safe Components: Build robust React components with precise TypeScript types.
- React 19 Ready: Covers new features like Server Components, Actions, and
use() hook.
- Event & Hook Typing: Ensures accurate typing for all event handlers and custom hooks.
- Generic Components: Create reusable components that infer types automatically.
- Type-Safe Routing: Integrates with TanStack Router and React Router v7.
- Use Case: When building a complex form with multiple input types and event handlers, this Skill provides the exact TypeScript patterns needed to ensure type safety and prevent runtime errors.
Quick Start
Use the react-dev skill to build a type-safe button component with variant props.