react-use-state

SKILL.md

useState is a React Hook that adds a state variable to your component, triggering re-renders when the state changes.

| Form inputs | const [name, setName] = useState('') | | UI state | const [isOpen, setIsOpen] = useState(false) | | Simple counters | const [count, setCount] = useState(0) | | Local component data | const [items, setItems] = useState([]) |

If a value can be computed from props or other state, don't store it:

Guides proper usage of React useState hook. Use this skill when adding state to components, deciding between useState vs alternatives, or troubleshooting state update issues. Source: flpbalada/my-opencode-config.

View raw