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

0•

协作工具

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.

主要功能

01Anti-Pattern Detection: Flags common issues like derived state in useEffect and conditional hook calls.

02Type Safety Enforcement: Detects unjustified 'any' types and missing checks for undefined indexed access.

03React 19 Hook Audits: Identifies bugs in new APIs like useFormStatus, useActionState, and the use() hook.

04Priority-Based Feedback: Categorizes issues into Critical (Block Merge), High Priority, and Style recommendations.

050 GitHub stars

06State Management Review: Evaluates the use of TanStack Query, Zustand, and React 19 Server Actions.

使用场景

01Automating Pull Request reviews to catch React-specific bugs and architectural smells.

02Guiding developers through complex state management transitions from local state to global stores or server state.

03Refactoring legacy React codebases to adopt modern TypeScript and React 19 patterns.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dotneet/claude-code-marketplace typescript-react-reviewer

For use in Claude.ai and ChatGPT

Download Skill