ReactJS - Các phương pháp hay nhất

Trong chương này, chúng tôi sẽ liệt kê các phương pháp, phương pháp và kỹ thuật React hay nhất sẽ giúp chúng tôi luôn nhất quán trong quá trình phát triển ứng dụng.

• State- Trạng thái nên tránh càng nhiều càng tốt. Một phương pháp hay là tập trung trạng thái và chuyển nó xuống cây thành phần làm đạo cụ. Bất cứ khi nào chúng ta có một nhóm các thành phần cần cùng một dữ liệu, chúng ta nên đặt một phần tử vùng chứa xung quanh chúng sẽ giữ trạng thái. Flux pattern là một cách hay để xử lý trạng thái trong ứng dụng React.

• PropTypes- Các PropTypes phải luôn được xác định. Điều này sẽ giúp theo dõi tất cả các đạo cụ trong ứng dụng và nó cũng sẽ hữu ích cho bất kỳ nhà phát triển nào làm việc trên cùng một dự án.

• Render- Hầu hết logic của ứng dụng sẽ được chuyển vào bên trong phương thức kết xuất. Chúng ta nên cố gắng giảm thiểu logic trong các phương thức vòng đời thành phần và di chuyển logic đó trong phương thức kết xuất. Chúng tôi sử dụng càng ít trạng thái và đạo cụ, mã sẽ càng sạch. Chúng ta nên luôn làm cho trạng thái càng đơn giản càng tốt. Nếu chúng ta cần tính toán thứ gì đó từ trạng thái hoặc đạo cụ, chúng ta có thể thực hiện nó bên trong phương thức kết xuất.

• Composition- Nhóm React đề xuất sử dụng một nguyên tắc trách nhiệm duy nhất. Điều này có nghĩa là một thành phần chỉ nên chịu trách nhiệm cho một chức năng. Nếu một số thành phần có nhiều hơn một chức năng, chúng ta nên cấu trúc lại và tạo một thành phần mới cho mọi chức năng.

• Higher Order Components (HOC)- Các phiên bản React cũ cung cấp các mixin để xử lý các chức năng có thể tái sử dụng. Vì mixin hiện không được dùng nữa, một trong những giải pháp là sử dụng HOC.