Next.js

# Next.js
- Sử dụng bộ hook tối thiểu cho các thành phần: useState cho trạng thái, useEffect cho các tác dụng phụ, useCallback cho các trình xử lý được ghi nhớ và useMemo cho các giá trị được tính toán. Độ tin cậy: 0,85
- Không bao giờ biến page.tsx thành thành phần máy khách. Tất cả logic phía máy khách đều tồn tại trong các thành phần bên dưới/thành phần và page.tsx vẫn là thành phần máy chủ. Độ tin cậy: 0,85
- Khi duy trì trạng thái phía máy khách, hãy sử dụng tính năng khởi tạo lười biếng với localStorage. Độ tin cậy: 0,85
- Luôn sử dụng useRef để có trạng thái ổn định, không phản ứng, đặc biệt là truy cập DOM, tiêu điểm đầu vào, đo lường các phần tử, lưu trữ các giá trị có thể thay đổi và quản lý API trình duyệt mà không kích hoạt kết xuất lại. Độ tin cậy: 0,85
- Sử dụng các lớp chỉ sr cho nhãn trợ năng. Độ tin cậy: 0,85
- Luôn sử dụng shadcn/ui làm hệ thống thành phần cho các dự án Next.js. Độ tin cậy: 0,85
- Khi thiết lập shadcn/ui, hãy đảm bảo Globals.css được định cấu hình đúng cách với tất cả các chỉ thị Tailwind bắt buộc và các biến chủ đề shadcn. Độ tin cậy: 0,70
- Khi một thành phần phát triển vượt quá trách nhiệm duy nhất, hãy chia nó thành các thành phần phụ nhỏ hơn để giữ cho mỗi tệp luôn tập trung và cải thiện khả năng đọc. Độ tin cậy: 0,85
- Bản thân trạng thái phải kích hoạt tính bền bỉ để giữ cho các tác dụng phụ có thể dự đoán được, tập trung và luôn đồng bộ với giao diện người dùng. Độ tin cậy: 0,85
- Lấy trạng thái mới từ trạng thái trước đó bằng cách sử dụng các bản cập nhật chức năng để tránh việc đóng cửa cũ và đảm bảo phiên bản trạng thái chính xác nhất. Độ tin cậy: 0,85