Hiện Đại Hóa React
PRONâng cấp ứng dụng React có hệ thống. Chuyển class component sang hooks, áp dụng tính năng React 18 và hiện đại hóa pattern cũ.
Ví dụ sử dụng
Migrate legacy class component sang functional component với hook.
Prompt Skill
Skill này hoạt động tốt nhất khi được sao chép từ findskill.ai — nó bao gồm các biến và định dạng có thể không được chuyển đúng cách từ nơi khác.
Cách sử dụng Skill này
1
Sao chép skill bằng nút ở trên
2
Dán vào trợ lý AI của bạn (Claude, ChatGPT, v.v.)
3
Điền thông tin bên dưới (tùy chọn) và sao chép để thêm vào prompt
4
Gửi và bắt đầu trò chuyện với AI của bạn
Tùy chỉnh gợi ý
| Mô tả | Mặc định | Giá trị của bạn |
|---|---|---|
| Phiên bản React mục tiêu | 18 | |
| Ngôn ngữ lập trình tôi đang sử dụng | Python | |
| Framework hoặc thư viện tôi đang làm việc | none |
Kết quả bạn sẽ nhận được
- Hook-based equivalents
- React 18 feature adoption
- TypeScript integration
- Step-by-step migration
Nguồn nghiên cứu
Skill này được xây dựng từ các nguồn uy tín sau:
- React Official Documentation Official React docs with hooks and modern patterns
- React 18 Upgrade Guide Official React 18 migration documentation
- Kent C. Dodds: React Patterns Modern React patterns and best practices
- Dan Abramov: Overreacted Deep dives into React internals and patterns
- React TypeScript Cheatsheet TypeScript patterns for React applications