Write idiomatic React: custom hooks, context vs state management, memoization strategies, concurrent features, Suspense boundaries, and component composition patterns.
When to use this skill
- Creating a custom hook
- Choosing a state management approach
- Optimizing re-renders
Core concepts
This skill provides guidance on react patterns best practices, patterns, and common pitfalls. It is designed to be loaded on demand when a relevant task is detected.
Installation
curl -LO https://opencode-skills.example/downloads/framework/react-patterns.zip
unzip react-patterns.zip -d ~/.config/opencode/skills/Restart OpenCode — the skill loads automatically.
When it triggers
- creating a custom hook
- choosing a state management approach
- optimizing re-renders