Thư viện Redux

Trong hướng dẫn này, chúng ta sẽ làm quen với một thư viện JavaScript rất hữu ích và giá trị - Redux. Tên của thư viện bắt nguồn từ hai từ - tên của hàm reduce và kiến trúc Flux của các ứng dụng React, được xây dựng dựa trên việc sử dụng luồng dữ liệu một chiều.

Trước hết, Redux là một bộ chứa dự đoán được hoặc kho lưu trữ trạng thái dữ liệu của ứng dụng. Chúng ta đã từng gặp khái niệm trạng thái hoặc state (state) khi học hướng dẫn về React. Với Redux, bạn có thể viết các ứng dụng phía máy khách, phía máy chủ hoặc ứng dụng native, hoạt động một cách dự đoán được, dễ dàng mở rộng và kiểm thử.

Vậy Redux còn gì hấp dẫn? Nó giúp chúng ta quản lý trạng thái toàn cục của ứng dụng. Các công cụ và kỹ thuật được sử dụng trong Redux cho phép dễ dàng hiểu được ở đâu, tại sao và bằng cách nào state đã thay đổi, cũng như logic ứng dụng sẽ hoạt động thế nào trong trường hợp có những thay đổi đó.

Redux là một thư viện độc lập, nhưng nó có thể được sử dụng kết hợp với các framework phổ biến như React, Angular, Vue, và cả JavaScript thuần túy. Nói trước một chút, trong hướng dẫn của chúng tôi, chúng ta sẽ sử dụng kết hợp với React.

Mặc dù đây là một công cụ quan trọng, khi tạo ứng dụng, bạn nên đánh giá một cách hợp lý về sự cần thiết phải áp dụng nó. Bạn cần Redux nếu bạn có một số lượng lớn các state cần thiết ở các phần khác nhau của ứng dụng, hoặc state thay đổi rất thường xuyên, hoặc có thể logic của bạn quá phức tạp để cập nhật state.