React Best Practices

A solid collection of React performance patterns from Mastra Engineering, organized by impact level so you know what to fix first. The priority system is smart: it pushes you toward eliminating waterfalls and bundle bloat before micro-optimizing re-renders. You get 12 rules across data fetching, bundle optimization, and rendering performance, with the meat living in separate reference files you can grep through. Honestly most useful during code review or refactoring sessions when you need to justify why you're reaching for Promise.all or why barrel imports are slowing things down. The rules are opinionated but backed by concrete patterns like using Tanstack Query for deduplication and startTransition for non-urgent updates.

skills.sh installs: 2.8K
GitHub stars: 29.4K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add mastra-ai/mastra --skill react-best-practices --agent claude-code

Installs into .claude/skills of the current project.

Files

React Best Practices

Overview

Routing and priority guide for React performance and quality, containing 27 rules across 9 categories. Rule files hold the detailed explanations, examples, review smells, and impact metrics.