react-best-practices
React performance optimization guidelines from Mastra Engineering
by mastra-aiFree
Description
React-best-practices is an agent skill with performance and quality guidelines for React, written by the Mastra engineering team. It acts as a routing and priority guide to 27 rules spread across nine categories. The rules are ordered by impact, so the changes that matter most come first, and each rule has its own file with a detailed explanation, examples, review smells and the impact it has on performance. The skill should be used when writing new React components, implementing data fetching, reviewing code for performance problems, refactoring existing React code, or optimizing bundle size and load times. The skill is part of the mastra-ai/mastra repository and is listed on skills.sh.…
Highlights
- 27 React rules across nine categories
- Rules ordered by impact so the biggest wins come first
- Each rule includes examples, review smells and impact
- Used for writing, reviewing and refactoring React code
Ratings & Reviews
No ratings yet
Be the first to rate react-best-practices.
People also visit
frontend-code-review
Use only when the user explicitly requests a review or audit of frontend code
frontend-dev-guidelines
You are a senior frontend engineer operating under strict architectural
webapp-testing
Test local web applications using Playwright for UI verification and debugging
coding-standards
Baseline cross-project coding conventions for naming, readability, immutability
cpp-coding-standards
C++ coding standards based on the C++ Core Guidelines (isocpp.github.io)
react-best-practices FAQ
What does react-best-practices cover?
Performance and quality guidance for React, with 27 rules in nine categories ordered by impact.
When should I apply it?
When writing new components, implementing data fetching, reviewing code for performance, refactoring, or optimizing bundle size and load time.
Does each rule have an explanation?
Yes. Each rule has a file with a detailed explanation, examples, review smells and its impact.
Who is it for?
React developers and reviewers who want a prioritized set of performance rules.
How do I install it?
Run npx skills add https://github.com/mastra-ai/mastra --skill react-best-practices in your terminal.
Is it free?
The listing shows the skill as free.
What security audits has it passed?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Pass.
What are the best react-best-practices alternatives?
Popular alternatives to react-best-practices include frontend-code-review, frontend-dev-guidelines and webapp-testing. See all react-best-practices alternatives