Cấu trúc bộ phận (tiếp tục)
Khi chia tách UI thành các bộ phận, chúng ta sử dụng nguyên tắc trách nhiệm đơn, cái tuyên bố rằng
mọi mô đun nên có trách nhiệm trên một phần được bao gói chức năng.
Trong mock-up của chúng ta, chúng ta có thể vẽ các hộp quanh mỗi bộ phận và bộ phận phụ, và cung cấp
chúng các tên. Giữ trong đầu rằng mỗi bộ phận nên có chính xác một trách nhiệm. Chúng ta bắt đầu với
các bộ phận cơ bản cái hình thành nên app:
Chúng ta đã định nghĩa một bộ phận CreatePost, với một form để tạo một post mới, một bộ phận
PostFilter để lọc danh sách các posts, một bộ phận PostSorting để xắp sếp các posts, và một bộ phận
Post để hiển thị một post đơn.
Bây giờ rằng chúng ta đã định nghĩa các bộ phận cơ bản của chúng ta, chúng ta sẽ nhìn vào các bộ phận
nào logic đi cùng với nhau, từ đó hình thành một nhóm: chúng ta có thể nhóm các bộ phận Post cùng với
nhau trong PostList, sau đó tạo một bộ phận App để nhóm mọi thứ cùng với nhau và định nghĩa cấu trúc
của app của chúng ta.
Bây giờ rằng chúng ta đã thực hiện xong với cấu trúc các bộ phận React của chúng ta, chúng ta có thể
di chuyển tới thực thi các bộ phận React tĩnh.