react-dev

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.