React Best Practices
mastra-ai/mastra/.claude/skills/react-best-practicesby mastra-aia7a34bfcc223No license28K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated today
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.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/react-best-practices-reference.md | 17.4 KB | text/markdown |
| references/rules/async-parallel.md | 650 B | text/markdown |
| references/rules/bundle-barrel-imports.md | 1.5 KB | text/markdown |
| references/rules/bundle-defer-third-party.md | 978 B | text/markdown |
| references/rules/client-request-dedupe.md | 3.6 KB | text/markdown |
| references/rules/js-length-check-first.md | 1.7 KB | text/markdown |
| references/rules/js-set-map-lookups.md | 532 B | text/markdown |
| references/rules/js-tosorted-immutable.md | 1.7 KB | text/markdown |
| references/rules/rendering-animate-svg-wrapper.md | 1.1 KB | text/markdown |
| references/rules/rendering-content-visibility.md | 823 B | text/markdown |
| references/rules/rerender-lazy-state-init.md | 2 KB | text/markdown |
| references/rules/rerender-no-setstate-in-render-or-effect.md | 3 KB | text/markdown |
| references/rules/rerender-no-useeffect-state-reset.md | 3 KB | text/markdown |
| references/rules/rerender-no-usememo-usecallback.md | 2.5 KB | text/markdown |
| references/rules/rerender-transitions.md | 1 KB | text/markdown |
| references/rules/rerender-useeffect-function-calls.md | 1.8 KB | text/markdown |
| references/rules/structure-complex-derived-logic.md | 10 KB | text/markdown |
| references/rules/structure-component-naming.md | 1.6 KB | text/markdown |
| references/rules/structure-composition-over-config.md | 3.1 KB | text/markdown |
| references/rules/structure-data-fetching-layout.md | 4.6 KB | text/markdown |
| references/rules/structure-derive-dont-duplicate.md | 1.5 KB | text/markdown |
| references/rules/structure-early-return-render-branches.md | 3.3 KB | text/markdown |
| references/rules/structure-narrow-apis.md | 4.1 KB | text/markdown |
| references/rules/structure-single-responsibility.md | 4.1 KB | text/markdown |
| references/rules/testing-bdd-no-mocks.md | 6.8 KB | text/markdown |
| references/rules/testing-no-classname-assertions.md | 3.6 KB | text/markdown |
| references/rules/types-no-null.md | 2.8 KB | text/markdown |
| references/rules/types-no-type-assertions.md | 4.8 KB | text/markdown |
| SKILL.md | 7.3 KB | text/markdown |
Source and attribution
Source:mastra-ai/mastrain.claude/skills/react-best-practicesat commita7a34bf
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from mastra-ai/mastra
Ralph Plan
mastra-ai
Guides users through an interactive conversation to build structured ralph-loop agent commands.
E2e Tests Studio
mastra-ai
Guides writing Playwright end-to-end tests that validate product behavior for playground UI changes.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.