// 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-string-refs
Provides exact migration patterns for React string refs (ref="name" + this.refs.name) to React.createRef() in class components. Use this skill whenever migrating string ref usage - including single element refs, multiple refs in a component, refs in lists, callback refs, and refs passed to child components. Always use this skill before writing any ref migration code - the multiple-refs-in-list pattern is particularly tricky and this skill prevents the most common mistakes. Use it for React 18.3.1 migration (string refs warn) and React 19 migration (string refs removed).
- Stars
- 34,159
- Source
- github/awesome-copilot
- Updated
- 2026-05-29
- Slug
- github--awesome-copilot--react18-string-refs
// 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-string-refs/SKILL.md -o .claude/skills/react18-string-refs.mdDrops the SKILL.md into .claude/skills/react18-string-refs.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.