react-patterns
✓Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
Installation
SKILL.md
| Server | Data fetching, static | None | | Client | Interactivity | useState, effects | | Presentational | UI display | Props only | | Container | Logic/state | Heavy state |
| useLocalStorage | Same storage logic needed | | useDebounce | Multiple debounced values | | useFetch | Repeated fetch patterns | | useForm | Complex form state |
| Simple | useState, useReducer | | Shared local | Context | | Server state | React Query, SWR | | Complex global | Zustand, Redux Toolkit |
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices. Source: hainamchung/agent-assistant.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/hainamchung/agent-assistant --skill react-patterns- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is react-patterns?
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices. Source: hainamchung/agent-assistant.
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/hainamchung/agent-assistant --skill react-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/hainamchung/agent-assistant
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01