react-best-practices
React Best Practices
Overview
Comprehensive performance optimization guide for React applications, containing 12 rules across 6 categories. Rules are prioritized by impact to guide automated refactoring and code generation.
When to Apply
Reference these guidelines when:
- Writing new React components
- Implementing data fetching
- Reviewing code for performance issues
- Refactoring existing React code
- Optimizing bundle size or load times
Priority-Ordered Guidelines
Rules are prioritized by impact:
More from mastra-ai/mastra
tailwind-best-practices
Tailwind CSS styling guidelines for Mastra Playground UI. This skill should be used when writing, reviewing, or refactoring styling code in packages/playground-ui and packages/playground to ensure design system consistency. Triggers on tasks involving Tailwind classes, component styling, or design tokens.
1.1Kralph-plan
Interactive planning assistant that helps create focused, well-structured ralph-loop commands through collaborative conversation
783smoke-test
Create a Mastra project using create-mastra and smoke test the studio in Chrome using Chrome MCP server
677e2e-tests-studio
>
645mastra-docs
Documentation guidelines for Mastra. This skill should be used when writing or editing documentation for Mastra. Triggers on tasks involving documentation creation or updates.
99e2e-frontend-validation
E2E validation workflow for frontend changes in playground packages using Playwright MCP
21