accelint-react-best-practices

Analyze React codebases to identify performance and quality issues.

21|4|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/gohypergiant/agent-skills --skill accelint-react-best-practices
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accelint-react-best-practices
Source: https://github.com/gohypergiant/agent-skills/tree/main/skills/accelint-react-best-practices
Command: npx skills add https://github.com/gohypergiant/agent-skills --skill accelint-react-best-practices

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps AI agents and engineers systematically optimize React applications by providing structured, progressive-guidance on performance patterns, preventing unnecessary re-renders, hydration issues, and rendering bottlenecks.

Core Features & Use Cases

  • Progressive disclosure of patterns (start with AGENTS.md overviews, load detailed references only when needed) to minimize context load.
  • Categorized patterns including Re-render Optimizations, Rendering Performance, Advanced Patterns, and React 19 upgrades, with quick diagnostic guidance.
  • Reference-driven workflow for auditing, code reviews, and performance improvements across small to large React codebases.
  • Automation scripts (in scripts/) to detect common anti-patterns and generate audit-ready reports (in assets/reports and references).
  • Real-world examples and checklists to guide engineers through safe, incremental improvements.

Quick Start

Read AGENTS.md for an overview, then load relevant references as problems emerge; use the quick-checklists.md to guide a formal code-review.

Frequently Asked Questions about accelint-react-best-practices

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

FAQPage Schema
How do I identify and fix unnecessary re-renders in my React codebase?

To fix unnecessary re-renders in a React codebase, use structured diagnostic guidance and automated scripts to detect anti-patterns, then apply targeted rendering optimizations like memoization and progressive pattern upgrades.

What is the best way to migrate a React application to React 19?

Migrating to React 19 involves using categorized patterns and reference-driven workflows to audit existing code, apply advanced patterns, and safely guide incremental improvements like hydration and rendering updates.

How does the React Compiler affect rendering performance and SSR hydration?

The React Compiler affects rendering performance by automating optimizations; use automation scripts to detect common anti-patterns and surface automated checks evaluating compiler awareness and SSR hydration issues across your project.

Can I use these React optimization patterns for large enterprise codebases?

Yes, these React optimization patterns suit large codebases by using reference-driven workflows for auditing and code reviews, providing real-world examples and progressive disclosure to minimize context load across varying project sizes.

How do I conduct a formal React code review for performance issues?

To conduct a formal React code review for performance, load the quick-checklists guide to evaluate rendering performance, identify re-render reduction opportunities, and generate audit-ready reports using automated detection scripts.