Vì sao nên dùng TypeScript
Trong một dự án doanh nghiệp kéo dài nhiều năm, phần lớn thời gian không dành cho việc viết mã mới mà dành cho việc đọc lại và sửa mã cũ. TypeScript giúp mô tả rõ hình dạng dữ liệu, nhờ đó lập trình viên mới tham gia có thể hiểu luồng dữ liệu mà không cần dò từng lời gọi hàm.
Kiểu dữ liệu còn giúp phát hiện lỗi ngay khi gõ mã thay vì khi người dùng gặp sự cố. Với các biểu mẫu nhiều trường và nhiều trạng thái, đây là khác biệt rất lớn về chi phí bảo trì.
Tổ chức thư mục theo tính năng
Thay vì chia theo loại tệp, hãy chia theo tính năng nghiệp vụ. Mỗi tính năng chứa component, hook, kiểu dữ liệu và lời gọi API của riêng nó. Cách này giúp giới hạn phạm vi ảnh hưởng khi thay đổi và dễ dàng tách thành gói riêng khi hệ thống lớn dần.
Các thành phần dùng chung như nút bấm, thẻ, biểu mẫu nên đặt trong thư mục giao diện chung và tuân thủ đúng hệ thống thiết kế của dự án.
Tách dữ liệu khỏi giao diện
Component chỉ nên lo việc hiển thị. Toàn bộ logic gọi dữ liệu nên nằm trong hook riêng để có thể kiểm thử độc lập và thay đổi nguồn dữ liệu mà không phải viết lại giao diện.
- React
- TypeScript
- Kiến trúc
