react-modernization – skill Lập trình cho agent AI
Thành thạo việc nâng cấp phiên bản React, chuyển từ class sang hooks, áp dụng các tính năng concurrent và codemod để tự động hóa biến đổi code.
Cài skill react-modernization bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/react-modernization-d15d9.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /react-modernization – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/react-modernization-d15d9.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $react-modernization – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/react-modernization-d15d9.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /react-modernization – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/react-modernization-d15d9.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /react-modernization – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
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.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Skill liên quan
- react-native-architecture – Các mẫu kiến trúc và tích hợp cho React Native với Expo, bao gồm navigation, quản lý…
- react-native-skills – Review việc render, danh sách, animation, navigation và native UI của React Native và…
- react-nextjs-development – Phát triển ứng dụng React và Next.js 14+ với App Router, Server Components, TypeScript…
- react-patterns – Các mẫu và nguyên tắc React hiện đại. Hooks, composition, hiệu năng, thực hành…
- react-state-management – Thành thạo quản lý state React hiện đại với Redux Toolkit, Zustand, Jotai và React…
- receiving-code-review – Review code cần đánh giá kỹ thuật, không phải màn trình diễn cảm xúc.
- redis-cli – Tài liệu tham khảo và hướng dẫn sử dụng giao diện dòng lệnh Redis (redis-cli). Dùng kỹ…
- reference-builder – Tạo tài liệu kỹ thuật và tài liệu API toàn diện. Sinh danh sách tham số đầy đủ, hướng…