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.

Install to Claude Code

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