react-code-review-patterns

Review React/TypeScript components for hooks, type safety, and accessibility.

Updated Jan 23, 2026

Search Tags:#accessibility #React #TypeScript #components #hooks #patterns #code-review

Ready to run

npx skills add https://github.com/alexsandrocruz/DominusLeads --skill react-code-review-patterns-alexsandrocruz

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react-code-review-patterns
Source: https://github.com/alexsandrocruz/DominusLeads/tree/main/backend/Sapienza.Leads/.claude/skills/react-code-review-patterns
Command: npx skills add https://github.com/alexsandrocruz/DominusLeads --skill react-code-review-patterns-alexsandrocruz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses inconsistencies in code reviews of React/TypeScript components by providing structured review checklists and patterns that guide reviewers through common pitfalls, patterns, and best practices.

Core Features & Use Cases

Checklists and patterns for reviewing React/TypeScript frontend code.
Use cases include auditing components, validating hooks usage, ensuring type safety, and verifying accessibility compliance.
Real-world example: apply the patterns to a component to ensure proper props typing, stable keys, and accessible markup.

Quick Start

Review the attached React/TypeScript component file using the React Code Review Patterns checklist to generate an actionable improvement plan.

Frequently Asked Questions about react-code-review-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I standardize React and TypeScript code reviews to catch common component issues?▼

Standardize React and TypeScript code reviews by applying structured checklists that verify explicit prop types, hook rules, semantic HTML, and accessibility compliance to generate an actionable improvement plan.

What should I look for when reviewing React hooks usage and TypeScript type safety?▼

When reviewing React hooks usage and TypeScript type safety, look for explicit prop types, adherence to hook rules, and stable keys to ensure components follow standardized patterns and best practices.

How do I audit a React component for accessibility and semantic HTML compliance?▼

Audit a React component for accessibility and semantic HTML compliance by applying a code review checklist that targets accessible markup, stable keys, and proper props typing to identify and resolve frontend inconsistencies.

Does this code review approach support modern web apps built with React and TypeScript?▼

Yes, this code review approach supports modern web apps built with React and TypeScript by enforcing standardized patterns for components, hooks usage, type safety, and accessibility across the application.

What is the best way to ensure explicit prop typing and performance considerations in React components?▼

The best way to ensure explicit prop typing and performance considerations in React components is to use structured review patterns that enforce type safety and standardize component architecture.