React performance optimization guidelines from Mastra Engineering. This skill should be used when writing, reviewing, or refactoring React code to ensure optimal performance patterns. Triggers on tasks involving React components, data fetching, bundle optimization, or performance improvements.
Install
npx skills add mastra-ai/mastra --skill react-best-practicesnpx skills add mastra-ai/mastra --skill react-best-practices -a claude-code -gnpx skills add mastra-ai/mastra --skill react-best-practices -a codex -ggemini skills install https://github.com/mastra-ai/mastra.git --path .claude/skills/react-best-practicesgh skill install mastra-ai/mastra react-best-practicesgit clone --depth 1 https://github.com/mastra-ai/mastra /tmp/mastra-ai__mastra
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/mastra-ai__mastra/.claude/skills/react-best-practices ~/.claude/skills/react-best-practices # Claude Code
cp -R /tmp/mastra-ai__mastra/.claude/skills/react-best-practices ~/.agents/skills/react-best-practices # Codex, Cursor, Gemini CLI, Copilot, OpenCode