Typescript React Patterns

A comprehensive reference for typing React components, hooks, and patterns with TypeScript. You'll want this when dealing with props interfaces, event handlers, refs, generic components, or really any time TypeScript is yelling at you in a React codebase. It covers 33 rules across seven categories, from critical patterns like component props and hook typing to more specialized cases like polymorphic components and discriminated unions. The practical examples are solid, especially the typed context pattern with null checking and the generic list component. It's basically the TypeScript React Cheatsheet distilled into agent-friendly rules, which means less time searching Stack Overflow when you forget how to properly type a form onChange handler for the hundredth time.

Install to Claude Code

npx -y skills add asyrafhussin/agent-skills --skill typescript-react-patterns --agent claude-code