Các trình duyệt ngày này đã cho phép tạo ra những component bằng JavaScript thuần có thể dễ dàng tái sử dụng và chia sẻ, tuy nhiên vì một số lý do sẽ nói trong bài viết này, người ta vẫn ưa chuộng những component trừu tượng của những framework như Angular, React, Vue… hơn. Nhưng trước tiên hãy cùng tìm hiểu một chút về kiến trúc component.
Cấu trúc theo vai trò (Role-based structure)
Role-based structure là cấu trúc phân chia mã nguồn theo vai trò của chúng. Kiểu cấu trúc này có tuổi thọ lâu đời trong lịch sử web, và chắc chắn rất nhiều người trong chúng ta biết đến nó.
Đây là cấu trúc thư mục của một project front-end:
