FreeSkills
Commits, branches and sync with the but CLI
- 361361 downloads
- 198198 likes
- 103103 saves
Works with
- Claude Code
- Codex
- Cursor
- and 3 more
React performance best practices v1.0.0
Use this resource to write or review React code with performance in mind
New
- 413 downloads
- 169 likes
- 102 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install react-performance-guidelinesWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent applies 27 rules across nine categories, ranked by impact: parallel async requests, barrel imports, deferring third-party scripts, request deduplication, rendering and lazy state initialization. Each rule points to a detailed file with examples.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- Apache-2.0
Similar resources
View all- Free
FreeSkills
Sentry CLI guide
- 525525 downloads
- 117117 likes
- 128128 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Drizzle ORM best practices with PostgreSQL
- 407407 downloads
- 194194 likes
- 151151 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
SLO design wizard
- 537537 downloads
- 105105 likes
- 242242 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
User stories and sprint fit
- 451451 downloads
- 150150 likes
- 132132 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Capacity-based sprint plan
- 423423 downloads
- 192192 likes
- 102102 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Startup CTO advisor
- 580580 downloads
- 201201 likes
- 242242 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Creating GitHub pull requests with quality checks
- 427427 downloads
- 230230 likes
- 196196 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md: rule priority order and quick reference
- references/rules/: rules on bundles, JavaScript and rendering
- references/: full rules reference
Good fit for
- You review a component that re-renders too often
- Your page loads an overly heavy bundle
Not for
Tags
- react
- performance
- bundle
- rendering
About
You say
“Review this React list component against performance best practices and tell me what costs the most.”
Skill published by mastra-ai under the Apache-2.0 license, delivered in its original version.
Show moreShow less
How to use it
- Install the skill in your agent's skills folder
- Ask your agent to write or review React code with performance in mind
- Review and adjust the result
Content preview
Files
- LICENSE1.2 KB
- NOTICE-PALATEKIT.md0.5 KB
- references/react-best-practices-reference.md17.5 KB
- references/rules/async-parallel.md0.7 KB
- references/rules/bundle-barrel-imports.md1.6 KB
- references/rules/bundle-defer-third-party.md1 KB
- references/rules/client-request-dedupe.md3.8 KB
- references/rules/js-length-check-first.md1.8 KB
- references/rules/js-set-map-lookups.md0.5 KB
- references/rules/js-tosorted-immutable.md1.8 KB
- references/rules/rendering-animate-svg-wrapper.md1.1 KB
- references/rules/rendering-content-visibility.md0.8 KB
- references/rules/rerender-lazy-state-init.md2 KB
- references/rules/rerender-no-setstate-in-render-or-effect.md3.1 KB
- references/rules/rerender-no-useeffect-state-reset.md3 KB
- references/rules/rerender-no-usememo-usecallback.md2.6 KB
- references/rules/rerender-transitions.md1.1 KB
- references/rules/rerender-useeffect-function-calls.md1.8 KB
- references/rules/structure-complex-derived-logic.md10.3 KB
- references/rules/structure-component-naming.md1.6 KB
- references/rules/structure-composition-over-config.md3.2 KB
- references/rules/structure-data-fetching-layout.md4.7 KB
- references/rules/structure-derive-dont-duplicate.md1.5 KB
- references/rules/structure-early-return-render-branches.md3.3 KB
- references/rules/structure-narrow-apis.md4.2 KB
- references/rules/structure-single-responsibility.md4.2 KB
- references/rules/testing-bdd-no-mocks.md6.9 KB
- references/rules/testing-no-classname-assertions.md3.7 KB
- references/rules/types-no-null.md2.9 KB
- references/rules/types-no-type-assertions.md4.9 KB
- SKILL.md7.4 KB
Origin and licence
Listed unmodified
- Author
- mastra-ai
- Source
- github.com/mastra-ai/mastra/tree/b6a821b39fa0b27ea0d138f17510e6e998ea3e87/.claude/skills/react-best-practices
- Licence
- Apache-2.0
Notice
« react-best-practices » (mastra-ai, Apache-2.0) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…