Directory / Awesome Copilot skills (GitHub) / react18-string-refs

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).
Description from the SKILL.md front matter.

Install

GitHub CLI v2.90+ (Copilot by default)

gh skill install github/awesome-copilot react18-string-refs

For Claude Code

gh skill install github/awesome-copilot react18-string-refs --agent claude-code

For Codex

gh skill install github/awesome-copilot react18-string-refs --agent codex

Commands follow each host's documentation (GitHub Copilot, plus Claude Code, Codex, Cursor via gh skill docs). gh skill needs GitHub CLI 2.90 or later and is in public preview.

Listed from GitHub + community contributors's catalog, not reviewed by us. Read the source before installing.

Catalog: Awesome Copilot skills (GitHub)
Author: Not stated in the source
Source code: github/awesome-copilot
License: MIT (repository license)
Repository stars: 40,178 for github/awesome-copilot (the whole catalog repo)
Added to catalog: Not tracked for this source
Last change: 2026-10-16 (last push to the repo)

What it contains

Skills: 1

Similar in Software development

acquire-codebase-knowledge (Awesome Copilot skill)
acreadiness-assess (Awesome Copilot skill)
acreadiness-generate-instructions (Awesome Copilot skill)
adobe-illustrator-scripting (Awesome Copilot skill)
agentic-eval (Awesome Copilot skill)
ai-ready (Awesome Copilot skill)