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.