Use functional setState updates to prevent stale closures and unnecessary callback recreations. Apply when updating state based on the current state value in React components.
Install
npx skills add TheOrcDev/8bitcn-ui --skill rerender-functional-setstatenpx skills add TheOrcDev/8bitcn-ui --skill rerender-functional-setstate -a claude-code -gnpx skills add TheOrcDev/8bitcn-ui --skill rerender-functional-setstate -a codex -ggemini skills install https://github.com/TheOrcDev/8bitcn-ui.git --path .claude/skills/rerender-functional-setstategh skill install TheOrcDev/8bitcn-ui rerender-functional-setstategit clone --depth 1 https://github.com/TheOrcDev/8bitcn-ui /tmp/TheOrcDev__8bitcn-ui
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/TheOrcDev__8bitcn-ui/.claude/skills/rerender-functional-setstate ~/.claude/skills/rerender-functional-setstate # Claude Code
cp -R /tmp/TheOrcDev__8bitcn-ui/.claude/skills/rerender-functional-setstate ~/.agents/skills/rerender-functional-setstate # Codex, Cursor, Gemini CLI, Copilot, OpenCode