react19-concurrent-patterns
Preserve React 18 concurrent patterns and adopt React 19 APIs (useTransition, useDeferredValue, Suspense, use(), useOptimistic, Actions) during migration.
Profile →npx skills add github/awesome-copilot --skill react19-concurrent-patterns --agent copilot
Same command for any agent — swap --agent for claude-code, codex, cursor.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# React 19 Concurrent Patterns React 19 introduced new APIs that complement the migration work. This skill covers two concerns: 1. **Preserve** existing React 18 concurrent patterns that must not be broken during migration 2. **Adopt** new React 19 APIs worth introducing after migration stabilizes ## Part 1 Preserve: React 18 Concurrent Patterns That Must Survive the Migration These patterns exist in React 18 codebases and must not be accidentally removed or broken: ### createRoot Already Migrated by the R18 Orchestra If the R18 orchestra already ran, `ReactDOM.render` → `createRoot` is done. Verify it's correct: ```jsx // CORRECT React 19 root (same as React 18): import { createRoot } from 'react-dom/client'; const root = createRoot(document.getElementById('root')); root.render( <React.StrictMode> <App /> </React.StrictMode> ); ``` ### useTransition No Migration Needed `useTransition` from React 18 works identically in React 19. Do not touch these patterns during migration: ```jsx // React 18 useTransition unchanged in React 19: const [isPending, startTransition] = useTransition(); function handleClick() { startTransition(() => { setFilteredResults(computeExpensiveFilter(input));
- Part 1 Preserve: React 18 Concurrent Patterns That Must Survive the Migration
- createRoot Already Migrated by the R18 Orchestra
- useTransition No Migration Needed
- useDeferredValue No Migration Needed
- Suspense for Code Splitting No Migration Needed
- Part 2 React 19 New APIs
- Migration Safety Rules
Verify nothing touched these during migration: grep -rn "useTransition\|useDeferredValue\|Suspense\|startTransition" \ src/ --include="*.js" --include="*.jsx" | grep -v "\.test\."
What does the react19-concurrent-patterns skill do?
Preserve React 18 concurrent patterns and adopt React 19 APIs (useTransition, useDeferredValue, Suspense, use(), useOptimistic, Actions) during migration.
How do I install it?
Run `npx skills add github/awesome-copilot --skill react19-concurrent-patterns --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From github/awesome-copilot, a repository with 37,432 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.