skills.rest
alexsandrocruz
alexsandrocruzCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/alexsandrocruz/DominusLeads --skill react-code-review-patterns-alexsandrocruz
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
beshkenadzebeshkenadze
3

code-reviewer

Analyze code for security, performance, and quality issues.

Community
Basic
erichugyerichugy

react

Apply React and Next.js conventions to component structure, performance, and accessibility.

Community
Intermediate
zapabobzapabob
2

ts-reviewer

Review TypeScript and JavaScript code for type safety and best practices.

Community
Advanced
ucirelloucirello
2

go-code-review

Review Go code for style, idioms, and best practices.

Community
Intermediate