Skip to main content

Remix Clean Architecture

Khu vực chính của ứng dụng giúp cô lập Business Rules (use-cases, entities, ports)​

  1. /application: Thư mục này chứa logic ứng dụng và use cases của bạn.
    • use-cases: Là các lớp chứa các nghiệp vụ của hệ thống. Các lớp này không được phụ thuộc vào bất kỳ một thành phần nào khác trong hệ thống. (Chú ý use-case phải là Pure Function để dễ dàng testing)
  2. /domain: Đây là phần quan trọng của ứng dụng và chứa các models, repositories và services.
    • /entities: Định nghĩa các đối tượng cốt lõi của ứng dụng. Các đối tượng này không được phụ thuộc vào bất kỳ một thành phần nào khác trong hệ thống. (Ta cũng có thể đặt nó là models)
    • /ports: Định nghĩa các giao diện (interfaces) cho các services, giúp bạn tạo các phiên bản cụ thể của chúng trong phân /infrastructure (Bắt buộc services phải đi theo port mà ứng dụng cung cấp để kết nối với ứng dụng).
    • /response: chứa các class ErrorResponse, SuccessReponse

Adapter (Driving adapter, driven adapter), UI, utils...​

  1. /libs: Các components shared, hàm tiện ích và hàm công cụ chung cho toàn bộ ứng dụng.

    • /components: Chứa các thành phần giao diện người dùng.
    • /utils: Chứa các hàm tiện ích và hàm công cụ chung cho toàn bộ ứng dụng.
    • /constants: Chứa các hằng số cho toàn bộ ứng dụng.
    • /hooks: Chứa các custom hooks cho toàn bộ ứng dụng.

  2. /containers: Phần này liên quan đến giao diện người dùng kết nối tới store để hiển thị giao diện người dùng và xử lý các sự kiện.

  3. /routes: Chứa các routes của ứng dụng (Cụ thể là theo routes của remix.run).

  4. /infrastructure: Thư mục này chứa cài đặt cụ thể cho các services và dữ liệu.

    • /data: Dữ liệu mẫu hoặc mô phỏng cho phát triển và testing.
    • /services: Cài đặt cụ thể của các services
    • /models: Chứa các model và repository liên quan đến model đó

  5. /stores: Chứa trạng thái ứng dụng và quản lý trạng thái bằng Zustand

  6. /controllers: Chứa các loader, action của remix