// fetch failed
Couldn't render the SKILL.md content here right now. You can view the raw markdown or open the source folder on GitHub.
Frontend Developmentgithub
react18-batching-patterns
Provides exact patterns for diagnosing and fixing automatic batching regressions in React 18 class components. Use this skill whenever a class component has multiple setState calls in an async method, inside setTimeout, inside a Promise .then() or .catch(), or in a native event handler. Use it before writing any flushSync call - the decision tree here prevents unnecessary flushSync overuse. Also use this skill when fixing test failures caused by intermediate state assertions that break after React 18 upgrade.
- Stars
- 34,159
- Source
- github/awesome-copilot
- Updated
- 2026-05-29
- Slug
- github--awesome-copilot--react18-batching-patterns
// install — copy + paste into any project
mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/github/awesome-copilot/HEAD/plugins/react18-upgrade/skills/react18-batching-patterns/SKILL.md -o .claude/skills/react18-batching-patterns.mdDrops the SKILL.md into .claude/skills/react18-batching-patterns.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.