Tổ chức các styles
Như bạn có thể nghi ngờ từ học phần trước, sử dụng các styles nội dòng không được phải là con đường được khuyên
để đi, các stylesheets là một cách thức hiệu quả hơn nhiều để quản lí các styles. Nhưng cái đó có nghĩa gì trong
thực hành?
Khi tạo style các websites, chúng ta sử dụng các stylesheets mọi lần. Thường thì chúng ta sử dụng các công cụ
như Sass, Less, và PostCSS để tạo các stylesheets nguyên khối cho toàn bộ ứng dụng. Trong thế giới của web, các
styles về bản chất là toàn cục, nhưng cái đó không phải là cách thức của React Native.
React Native tập trung vào bộ phận. Mục tiêu là làm các bộ phận sử dụng lại và độc lập như có thể. Có một bộ
phận phụ thuộc vào một stylesheet của ứng dụng là phản đề với tính module hóa. Trong React Native, các styles được
tạo phạm vi đối với các bộ phận – không phải toàn ứng dụng.
Làm cách nào hoàn thành bao gói này phụ thuộc hoàn toàn vào sở thích nhóm của bạn. Không có cách đúng hay sai, nhưng
trong cộng đồng React native, bạn sẽ thấy 2 cách tiếp cận phổ biến:
+ Khai báo các stylesheets trong cùng file như bộ phận
+ Khai báo các stylesheets trong một file riêng rẽ, bên ngoài bộ phận.