React Patterns
This is a solid set of React opinions codified into patterns you can actually follow. It pushes you toward minimal state, derived values over useState, and proper memoization for anything O(n). The Loader/Inner pattern for type narrowing before useMemo is clever. Strong stance on discriminated unions for complex state and Zustand when you outgrow simple patterns. The conditional logic guidance is opinionated but sensible: affirmative logic, explicit conditionals, ternaries instead of the dreaded `&&` operator. If you're tired of overusing state and rendering components into oblivion, this will give you a framework that actually scales.
- skills.sh installs
- 248
- GitHub stars
- 15
- last updated
- Aug 21, 2026
Install
$ npx -y skills add casper-studios/casper-marketplace --skill react-patterns --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is a solid set of React opinions codified into patterns you can actually follow. It pushes you toward minimal state, derived values over useState, and proper memoization for anything O(n). The Loader/Inner pattern for type narrowing before useMemo is clever. Strong stance on discriminated unions for complex state and Zustand when you outgrow simple patterns. The conditional logic guidance is opinionated but sensible: affirmative logic, explicit conditionals, ternaries instead of the dreaded `&&` operator. If you're tired of overusing state and rendering components into oblivion, this will give you a framework that actually scales.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/casper-studios/casper-marketplace
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from casper-studios/casper-marketplace
All 35- Skill Creator248
- Email Triage246
- Better All245
- Send To Linear228
- Meeting Followup224
- Google Workspace348
- Apify Scrapers341
- Firecrawl Scraping341
- Liquid Glass336
- Data Analysis333
- Csv Analyzer331
- Content Generation313
- Attio Crm312
- Linkedin Post Generator304
- Commit301
- Youtube Tools298
- Pr Comments296
- Extract My Action Items291
- Pr Summary291
- Bump Deps281
- Video Production276
- Polishing275
- Recover Branch Context272
- Casper Design System269
Recommended
More Frontend Development
frontend-async-best-practicessergiodxa/agent-skillsAsync/await and Promise optimization guidelines. Use when writing, reviewing, or refactoring asynchronous code to eliminate waterfalls and maximize parallelism.225skills.sh installs
tiny-vue-skillopentiny/agent-skills当使用 TinyVue 组件库(@opentiny/vue)进行开发时或者配置 TinyVue 工程的国际化，主题配置，表单校验说明，自动导入组件等，一定要阅读本技能。本技能提供严格的 API 文档和示例，以及如何查找流程以及代码规范。221skills.sh installs
react-adminmarmelab/react-adminThis skill should be used when building, modifying, or debugging a react-admin application — including creating resources, lists, forms, data fetching, authenti218skills.sh installs