React TypeScript Patterns

Build type-safe, maintainable React applications with TypeScript strict mode, Zod validation, and modern state management patterns.

When to Use This Skill

• Creating React components with TypeScript props
• Building custom hooks for data fetching, forms, or auth
• Implementing state management (server state, client state)
• Designing Zod validation schemas with type inference
• Structuring React + TypeScript projects
• Building reusable component libraries

Project Structure