What is react-patterns?
Write React components with minimal state, proper memoization, and type-safe patterns. Use when creating components, managing state, or optimizing renders. Source: casper-studios/casper-marketplace.
·react-patterns
</>
react-patterns
✓casper-studios/casper-marketplaceGitHub: casper-studios/casper-marketplaceSource: casper-studios/casper-marketplace
Write React components with minimal state, proper memoization, and type-safe patterns. Use when creating components, managing state, or optimizing renders.
Installation
How to Install react-patterns
Quickly install react-patterns AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns
- Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Source: casper-studios/casper-marketplace.
SKILL.md
View rawCore React patterns for component design, state management, and optimization.
Avoid state variables. Prefer derived values and props. Scope state to the smallest subtree that needs it. Use discriminated unions for complex state.
Required for any O(n) operation. Memoize atomically to minimize dependency arrays. Use Loader/Inner pattern to narrow types before useMemo.
Write React components with minimal state, proper memoization, and type-safe patterns. Use when creating components, managing state, or optimizing renders. Source: casper-studios/casper-marketplace.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-03-02
- Updated
- 2026-03-10
Quick answers
How do I install react-patterns?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Where is the source repository?
https://github.com/casper-studios/casper-marketplace
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-03-02