--- name: react-dev version: 1.0.0 description: This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned. Covers type-safe patterns for React 18-19 including generic components, proper event typing, and routing integration (TanStack Router, React Router). --- # React TypeScript Type-safe React = compile-time guarantees = confident refactoring. - Building typed React components - Implementing generic components - Typing event handlers, forms, refs - Using React 19 features (Actions, Server Components, use()) - Router integration (TanStack Router, React Router) - Custom hooks with proper typing NOT for: non-React TypeScript, vanilla JS React <\/when_to_use> React 19 breaking changes require migration. Key patterns: **ref as prop** - forwardRef deprecated: ```typescript \/\/ React 19 - ref as regular prop type ButtonProps = { ref?: React.Ref; } & React.ComponentPropsWithoutRef<'button'>; function Button({ ref, children, ...props }: ButtonProps) { return