react-best-practices

Provides actionable Rust and JavaScript performance optimization for hybrid applications.

Updated Feb 5, 2026
One-click install
npx skills add https://github.com/flybirdxx/RunningHub --skill react-best-practices-flybirdxx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-best-practices
Source: https://github.com/flybirdxx/RunningHub/tree/main/.gemini/skills/react-best-practices
Command: npx skills add https://github.com/flybirdxx/RunningHub --skill react-best-practices-flybirdxx

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps you write and review React and Next.js code more efficiently, ensuring optimal performance and scalability.

Core Features & Use Cases

  • Performance Guidelines: Provides over 40+ performance rules, prioritized by impact, for React and Next.js applications.
  • Code Optimization: Offers guidance on optimizing code for performance, including re-render optimization, bundle size, and client/server performance.
  • Use Case: If you're developing a React or Next.js application and want to ensure your code is optimized for performance, this Skill is essential.

Quick Start

Run the react-best-practices skill to review performance optimization best practices for your codebase.

Frequently Asked Questions about react-best-practices

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

FAQPage Schema
How do I optimize React and Next.js application performance?

To optimize React and Next.js performance, apply prioritized guidelines covering re-render elimination, bundle size reduction, and server/client-side enhancements. This delivers over 40 rules ranked by impact for your codebase.

What are the best practices for eliminating unnecessary re-renders in React?

Best practices for eliminating re-renders in React involve applying targeted performance optimization rules. These guidelines help identify and resolve rendering bottlenecks to improve client-side application responsiveness.

How do I reduce bundle size in a Next.js application?

Reducing bundle size in a Next.js application requires following specific performance optimization guidelines. These rules provide prioritized strategies to minimize build output and enhance loading efficiency.

Do I need prior knowledge of React fundamentals to use these performance optimization rules?

Yes, you need knowledge of React and Next.js fundamentals and performance optimization techniques. These guidelines deliver advanced rules that require understanding core concepts to effectively review and optimize code.

Can I use these guidelines to review existing React code for performance issues?

Yes, you can use these guidelines to review existing React code for performance issues. The rules help write and review code more efficiently by identifying critical areas for optimization across server and client environments.