[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-2688e3c8-ee77-4eab-834e-70e03b240c26":3,"$fMQs8ZQYrStmPmnnfwe4WYzhPpWSajL7B35pFug8_I0g":43},{"id":4,"title":5,"description":6,"categoryId":7,"moduleId":8,"tags":9,"prompt":10,"icon":11,"source":12,"sourceUrl":13,"authorId":14,"authorName":15,"isPublic":16,"stars":17,"runs":18,"createdAt":19,"updatedAt":19,"module":20,"category":27,"packages":34},"2688e3c8-ee77-4eab-834e-70e03b240c26","react-modernization","掌握React版本升级、从类到hooks的迁移、并发功能采用以及自动化转换的codemods。","cat_coding_frontend","mod_coding","sickn33,coding","---\nname: react-modernization\ndescription: \"Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.\"\nrisk: safe\nsource: community\ndate_added: \"2026-02-27\"\n---\n\n# React Modernization\n\nMaster React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.\n\n## Use this skill when\n\n- Upgrading React applications to latest versions\n- Migrating class components to functional components with hooks\n- Adopting concurrent React features (Suspense, transitions)\n- Applying codemods for automated refactoring\n- Modernizing state management patterns\n- Updating to TypeScript\n- Improving performance with React 18+ features\n\n## Do not use this skill when\n\n- The task is unrelated to react modernization\n- You need a different domain or tool outside this scope\n\n## Instructions\n\n- Clarify goals, constraints, and required inputs.\n- Apply relevant best practices and validate outcomes.\n- Provide actionable steps and verification.\n- If detailed examples are required, open `resources\u002Fimplementation-playbook.md`.\n\n## Resources\n\n- `resources\u002Fimplementation-playbook.md` for detailed patterns and examples.\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.\n","","imported","https:\u002F\u002Fgithub.com\u002Fsickn33\u002Fantigravity-awesome-skills","user_system_seed","SkillOPIC",true,171,1868,"2026-05-16 13:36:26",{"id":8,"name":21,"slug":22,"icon":23,"description":24,"sort":25,"createdAt":26},"编程开发","coding","mdi-code-braces","代码生成、调试、审查，提升开发效率",2,"2026-05-16 12:53:40",{"id":7,"name":28,"slug":29,"icon":30,"description":31,"moduleId":8,"sort":32,"skillCount":33,"createdAt":26},"前端开发","frontend","mdi-language-html5","HTML\u002FCSS\u002FJavaScript\u002F框架相关",1,96,[35],{"id":36,"skillId":4,"version":37,"fileName":38,"fileSize":39,"filePath":40,"fileHash":41,"manifest":42,"createdAt":19},"74b305cf-0205-44d0-b094-d8ddce92115d","1.0.0","react-modernization.zip",5032,"uploads\u002Fskills\u002F2688e3c8-ee77-4eab-834e-70e03b240c26\u002Freact-modernization.zip","f2fea76216f6bb6bed4479b347552edbeb6f8551e881bd4b514c5370a72431c5","[{\"path\":\"SKILL.md\",\"isDirectory\":false,\"size\":1545},{\"path\":\"resources\u002Fimplementation-playbook.md\",\"isDirectory\":false,\"size\":11576}]",{"code":44,"message":45,"data":46},200,"success",{"items":47,"stats":48,"page":51},[],{"averageRating":49,"totalRatings":49,"ratingCounts":50},0,[49,49,49,49,49],{"limit":52,"offset":49,"hasMore":53,"nextOffset":52,"ratedOnly":16},15,false]