React Modernization
This handles the grunt work of upgrading React codebases: migrating class components to hooks, adopting React 18 concurrent features like Suspense and transitions, and running codemods to automate the tedious bits. It's built for teams dealing with legacy React code who need a systematic approach rather than ad-hoc refactoring. The implementation playbook includes patterns and examples for common migration scenarios. Honestly, the real value is in having a structured checklist so you don't miss edge cases when converting lifecycle methods to useEffect or updating state management patterns. It won't magically fix architectural problems, but it'll make the mechanical parts of modernization less painful.
- skills.sh installs
- 377
- GitHub stars
- 39.4K
- last updated
- Jun 3, 2026
Install
$ npx -y skills add sickn33/antigravity-awesome-skills --skill react-modernization --agent claude-codeInstalls into .claude/skills of the current project.
Files
React Modernization
Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.
Use this skill when
- Upgrading React applications to latest versions
- Migrating class components to functional components with hooks
- Adopting concurrent React features (Suspense, transitions)
- Applying codemods for automated refactoring
- Modernizing state management patterns
- Updating to TypeScript
- Improving performance with React 18+ features
Do not use this skill when
- The task is unrelated to react modernization
- You need a different domain or tool outside this scope
Instructions
- Clarify goals, constraints, and required inputs.
- Apply relevant best practices and validate outcomes.
- Provide actionable steps and verification.
- If detailed examples are required, open
resources/implementation-playbook.md.
Resources
resources/implementation-playbook.mdfor detailed patterns and examples.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/sickn33/antigravity-awesome-skills
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from sickn33/antigravity-awesome-skills
All 708- Codebase Cleanup Deps Audit375
- Pdf Official374
- Tutorial Engineer374
- Angular372
- Angular State Management372
- Code Refactoring Context Restore372
- Minecraft Bukkit Pro372
- Exa Search369
- Backtesting Frameworks367
- Error Handling Patterns367
- Sql Pro367
- E2e Testing Patterns366
- Python Packaging366
- Seo Structure Architect366
- Terraform Specialist364
- Cicd Automation Workflow Automate362
- Firmware Analyst362
- Python Performance Optimization362
- Postgres Best Practices361
- Security Scanning Security Sast360
- Commit359
- Xlsx Official359
- Design Md357
- Llm Application Dev Prompt Optimize357
Recommended
More Frontend Development
react-flow-implementationexistential-birds/beagleImplements React Flow node-based UIs correctly using @xyflow/react. Use when building flow charts, diagrams, visual editors, or node-based applications with Rea374skills.sh installs
figma-ui-skillsihlamury/design-skillsFigma's UI design system. Use when building interfaces inspired by Figma's aesthetic - light mode, Inter font, 4px grid.363skills.sh installs
framer-ui-skillsihlamury/design-skillsFramer's UI design system. Use when building interfaces inspired by Framer's aesthetic - dark mode, Inter font, 4px grid.337skills.sh installs