skills.rest
sbalagan22
sbalagan22COMMUNITY
Explore all skills by this author →
GitHub

react-patterns

Identify React 19 performance bottlenecks using a prioritized pattern checklist.

1|Updated Mar 23, 2026
Search Tags:#performance#refactoring#react#patterns#vite#cloudflare
One-click install
npx skills add https://github.com/sbalagan22/bloomr --skill react-patterns-sbalagan22
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-patterns
Source: https://github.com/sbalagan22/bloomr/tree/main/.agent/skills/react-patterns
Command: npx skills add https://github.com/sbalagan22/bloomr --skill react-patterns-sbalagan22

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React projects can devolve into slow, tangled component trees as complexity grows. This Skill provides a prioritized checklist of React 19 performance and composition patterns to help teams reduce re-renders, shrink bundles, and improve maintainability.

Core Features & Use Cases

  • CRITICAL patterns to eliminate waterfalls, parallelize data fetching, and tame re-renders.
  • Bundle-size and composition guidance to promote reusable components and lean builds.
  • Code-review and refactoring support for identifying performance hotspots and architecture improvements.

Quick Start

Audit a React component against the patterns checklist to identify performance bottlenecks.

Frequently Asked Questions about react-patterns

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

FAQPage Schema
How do I reduce re-renders in React 19 components?▼

Identify React performance bottlenecks by auditing components against a prioritized checklist of React 19 patterns. This checklist targets render waterfalls, data fetching, bundle size, and composition to guide refactoring tasks and architecture improvements.

What are the best React 19 patterns for component refactoring?▼

Yes, you can apply these React 19 performance patterns to Vite and Cloudflare projects. The guidelines are designed for code review and component design across this stack, ensuring integration requirements match best practices for fast, clean development.

How do I audit a React component for performance hotspots?▼

Bundle-size guidance is integrated directly into the composition patterns, promoting reusable components and lean builds. Addressing these architecture improvements during refactoring helps prevent slow, tangled component trees as project complexity grows.

Does this work with Vite and Cloudflare projects?▼

Yes, you can apply these React 19 performance patterns to Vite and Cloudflare projects. The guidelines are designed for code review and component design across this stack, ensuring integration requirements match best practices for fast, clean development.

Related Skills

Explore More Software Engineering Skills→
DITEKmaxDITEKmax

react-patterns

Detect React performance and composition issues with prioritized code-level fixes.

Community
Intermediate
erichugyerichugy

react-best-practices

Optimize React and Next.js applications by eliminating waterfalls and reducing bundle size.

Community
Advanced
pratikrath126pratikrath126
42

react-best-practices

Identify and apply React/Next.js performance best practices during code reviews.

Community
Advanced
OpenAEC-FoundationOpenAEC-Foundation
6

react-impl-performance

Analyze React render performance and optimize re-renders and bundle size.

Official
Advanced