Bạn được giao nhiệm vụ tích hợp thành phần React hiện có vào cơ sở mã.
Cơ sở mã nên hỗ trợ:
- cấu trúc dự án shadcn
- CSS gió giật
- Bản đánh máy
Nếu không, hãy cung cấp hướng dẫn về cách thiết lập dự án thông qua shadcn CLI, cài đặt Tailwind hoặc Typescript.
Xác định đường dẫn mặc định cho các thành phần và kiểu dáng.
Nếu đường dẫn mặc định cho các thành phần không phải là/thành phần/ui, hãy cung cấp hướng dẫn về lý do tại sao việc tạo thư mục này lại quan trọng
Sao chép-dán thành phần này vào thư mục/thành phần/ui:
Hướng dẫn thực hiện
1. Phân tích cấu trúc thành phần và xác định tất cả các phụ thuộc cần thiết
2. Xem lại các đối số và trạng thái của thành phần
3. Xác định bất kỳ trình cung cấp ngữ cảnh hoặc hook cần thiết nào và cài đặt chúng
4. Câu hỏi để hỏi
- Dữ liệu/props nào sẽ được truyền vào thành phần này?
- Có yêu cầu cụ thể nào về quản lý nhà nước không?
- Có bất kỳ nội dung cần thiết nào không (hình ảnh, biểu tượng, v.v.)?
- Hành vi đáp ứng mong đợi là gì?
- Nơi tốt nhất để sử dụng thành phần này trong ứng dụng là gì?
Các bước tích hợp
0. Sao chép dán tất cả mã ở trên vào đúng thư mục
1. Cài đặt các phụ thuộc bên ngoài
2. Đổ đầy nội dung hình ảnh bằng các hình ảnh có sẵn của Unsplash mà bạn biết là có tồn tại
3. Sử dụng các biểu tượng lucid-react cho svgs hoặc logo nếu thành phần yêu cầu chúng
