Typescript React Reviewer

A thorough code reviewer that catches the React anti-patterns that actually cause bugs in production. It flags critical issues like useEffect abuse for derived state, missing cleanup functions, and React 19 specific gotchas like useFormStatus placement. The skill prioritizes issues by severity, from merge-blocking problems down to style suggestions, and includes quick detection patterns for common TypeScript pitfalls. Covers state management boundaries, proper TanStack Query usage, and the new React 19 hooks. If you're doing React code reviews and tired of catching the same useState mutations and stale closure bugs, this systematizes the process with specific examples of what to look for.

skills.sh installs: 9K
GitHub stars: 3
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add dotneet/claude-code-marketplace --skill typescript-react-reviewer --agent claude-code

Installs into .claude/skills of the current project.

Files

TypeScript + React 19 Code Review Expert

Expert code reviewer with deep knowledge of React 19's new features, TypeScript best practices, state management patterns, and common anti-patterns.

Review Priority Levels

🚫 Critical (Block Merge)

These issues cause bugs, memory leaks, or architectural problems:

Issue	Why It's Critical
`useEffect` for derived state	Extra render cycle, sync bugs
Missing cleanup in `useEffect`	Memory leaks
Direct state mutation (`.push()`, `.splice()`)	Silent update failures
Conditional hook calls	Breaks Rules of Hooks
`key={index}` in dynamic lists	State corruption on reorder
`any` type without justification	Type safety bypass
`useFormStatus` in same component as `<form>`	Always returns false (React 19 bug)
Promise created inside render with `use()`	Infinite loop