Does this skill support the latest React 19 features?

Yes, it is specifically optimized for React 19, including guidance on Server Actions, the 'use' hook for promises, and correct usage of form hooks.

How does it handle TypeScript safety?

The skill flags high-risk TypeScript patterns such as 'any' types, unsafe array indexing, and discouraged patterns like React.FC with generics.

Can it help reduce technical debt in React projects?

Absolutely. It identifies long-term maintenance issues like component bloat, prop drilling beyond 3 levels, and improper state colocation.

Will it catch performance bottlenecks?

Yes, it detects issues that cause unnecessary re-renders, such as unjustified useMemo/useCallback calls and components defined inside other components.

TypeScript & React 19 Code Review Expert

Name: TypeScript & React 19 Code Review Expert
Author: dotneet

bydotneet

コラボレーションツール

Performs expert-level code reviews for modern React 19 and TypeScript applications to eliminate anti-patterns and optimize state management.

概要

The typescript-react-reviewer is a specialized Claude Code skill designed to act as a senior technical lead during the development and review process. It focuses on the nuances of React 19, including the proper implementation of new hooks like useActionState and useFormStatus, while vigilantly flagging common pitfalls such as useEffect abuse, direct state mutations, and unsafe TypeScript practices. By integrating this skill, teams can ensure architectural consistency, maintain high type safety standards, and prevent common memory leaks or infinite loops before they reach production.

主な機能

Anti-Pattern Detection: Flags common issues like derived state in useEffect and conditional hook calls.
Type Safety Enforcement: Detects unjustified 'any' types and missing checks for undefined indexed access.
React 19 Hook Audits: Identifies bugs in new APIs like useFormStatus, useActionState, and the use() hook.
Priority-Based Feedback: Categorizes issues into Critical (Block Merge), High Priority, and Style recommendations.
0 GitHub stars
State Management Review: Evaluates the use of TanStack Query, Zustand, and React 19 Server Actions.

ユースケース

Automating Pull Request reviews to catch React-specific bugs and architectural smells.
Guiding developers through complex state management transitions from local state to global stores or server state.
Refactoring legacy React codebases to adopt modern TypeScript and React 19 patterns.

概要

主な機能

Anti-Pattern Detection: Flags common issues like derived state in useEffect and conditional hook calls.
Type Safety Enforcement: Detects unjustified 'any' types and missing checks for undefined indexed access.
React 19 Hook Audits: Identifies bugs in new APIs like useFormStatus, useActionState, and the use() hook.
Priority-Based Feedback: Categorizes issues into Critical (Block Merge), High Priority, and Style recommendations.
0 GitHub stars
State Management Review: Evaluates the use of TanStack Query, Zustand, and React 19 Server Actions.

ユースケース

Automating Pull Request reviews to catch React-specific bugs and architectural smells.
Guiding developers through complex state management transitions from local state to global stores or server state.
Refactoring legacy React codebases to adopt modern TypeScript and React 19 patterns.