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 best practices: performance and composition v1.0.0
Use this resource to write or review performant, well-composed React components
New
- 564 downloads
- 203 likes
- 241 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install react-performance-compositionWith 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 checks components and hooks against the rules: direct imports, avoided boolean props, composition over render props, limited re-renders. You get lighter components that are easier to evolve.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- MIT
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 : summary of the 33 rules by category and impact
- rules/ : one file per rule (for example bundle-barrel-imports.md or composition-compound-components.md)
Good fit for
- A component re-renders too often and slows the page
- You are building a library of reusable components
Not for
Tags
- react
- components
- performance
- composition
About
You say
“Review this form component and remove the unnecessary boolean props.”
Skill published by sergiodxa under the MIT 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 performant, well-composed React components
- Review and adjust the result
Content preview
Files
- LICENSE1 KB
- NOTICE-PALATEKIT.md0.5 KB
- rules/bundle-barrel-imports.md1.9 KB
- rules/bundle-conditional.md1 KB
- rules/bundle-preload.md1.2 KB
- rules/client-localstorage-schema.md2 KB
- rules/client-passive-event-listeners.md1.7 KB
- rules/composition-avoid-boolean-props.md3.1 KB
- rules/composition-avoid-overabstraction.md2.3 KB
- rules/composition-children-over-render-props.md3.7 KB
- rules/composition-compound-components.md4.2 KB
- rules/composition-explicit-variants.md4 KB
- rules/composition-state-provider.md4.7 KB
- rules/composition-typescript-namespaces.md4.8 KB
- rules/fault-tolerant-error-boundaries.md1.2 KB
- rules/hooks-limit-useeffect.md4.8 KB
- rules/hooks-useeffect-named-functions.md4.5 KB
- rules/rendering-animate-svg-wrapper.md1.1 KB
- rules/rendering-client-only.md0.6 KB
- rules/rendering-conditional-render.md0.9 KB
- rules/rendering-content-visibility.md0.8 KB
- rules/rendering-hoist-jsx.md0.8 KB
- rules/rendering-hydration-no-flicker.md2.3 KB
- rules/rendering-hydration-suppress-warning.md0.8 KB
- rules/rendering-svg-precision.md0.6 KB
- rules/rendering-use-hydrated.md0.7 KB
- rules/rendering-usetransition-loading.md2.1 KB
- rules/rerender-dependencies.md0.9 KB
- rules/rerender-derived-state-no-effect.md1.2 KB
- rules/rerender-derived-state.md0.7 KB
- rules/rerender-functional-setstate.md2.7 KB
- rules/rerender-lazy-state-init.md2 KB
- rules/rerender-memo-with-default-value.md1.2 KB
- rules/rerender-memo.md1 KB
- rules/rerender-move-effect-to-event.md1.3 KB
- rules/rerender-simple-expression-in-memo.md1 KB
- rules/rerender-transitions.md1.1 KB
- rules/rerender-use-ref-transient-values.md1.8 KB
- SKILL.md13.5 KB
Origin and licence
Listed unmodified
- Author
- sergiodxa
- Source
- github.com/sergiodxa/agent-skills/tree/40e21b46189d5c7de6610b68a25280af863f8775/skills/frontend-react-best-practices
- Licence
- MIT
Notice
« frontend-react-best-practices » (sergiodxa, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…