Cấu trúc bộ phận
Dựa trên cái gì chúng ta đã định nghĩa trong backend, ứng dụng blog của chúng ta sẽ có những đặc tính sau:
+ Xem một post đơn
+ Tạo một post mới
+ Liệt kê các posts
+ Lọc các posts
+ Xắp sếp các posts
Ý tưởng về các bộ phận trong React là có mỗi bộ phận giải quyết một nhiệm vụ đơn hay phần tử UI. Chúng
ta nên thử tạo các bộ phận tinh mượt như có thể, để có thể sử dụng lại code. Nếu chúng ta thấy bản thân
chúng ta copy và dán code từ một bộ phận sang cái khác, nó có thể là một ý tưởng tốt để tạo một bộ phận
mới và sử dụng lại nó trong nhiều bộ phận khác.
Thường thì, khi phát triển một frontend, chúng ta bắt đầu với một UI mock-up. Cho ứng dụng blog của
chúng ta, một mock-up có thể nhìn như sau:
Chú ý
Trong các học phần, chúng ta sẽ không bao quát UI hay các khung CSS. Vậy thì, các bộ phận được thiết kế
và phát triển mà không có styling. Thay vào, các học phần tập trung vào khía cạnh full-stack của tích
hợp các backends với các frontends. Cảm thấy tự do sử dụng một khung UI (như MUI) hay một khung CSS
(như Tailwind) để style ứng dụng blog bản thân bạn.