react-dev

Type-safe React components in TypeScript use generics, inferred types, and typed event handlers to enforce correct props and returns. This skill provides patterns for generic components, render props, and typed forms that catch errors at compile time rather than runtime.

Typed event handlers and server actions in React 19 use explicit TypeScript signatures for client/server boundaries. This skill covers typing form submissions, server actions, and event handlers to ensure end-to-end type safety across the client-server divide.

Yes, this skill provides type-safe routing patterns for both TanStack Router and React Router v7, including typed route params and query parameters. It demonstrates how to integrate routing types directly with your React 18–19 TypeScript components.

Generic React components with inferred types use TypeScript generics to automatically derive prop types from passed data. This skill demonstrates generic component patterns and render props that allow flexible, reusable APIs while maintaining strict type inference.

Yes, this skill includes migration patterns for React 19 changes, covering server components, client/server boundaries, and updated event typing. It helps transition existing React 18 TypeScript applications to the newer server component architecture safely.