Trao đổi dữ liệu giữa ứng dụng Redux và máy chủ

Phần này dành cho các học viên sành sỏi, những người không dừng lại ở những gì đã đạt được trong Redux và quyết định đi đến cuối cùng của hướng dẫn này. Trong hai phần tiếp theo, chúng ta sẽ đề cập đến việc ứng dụng Redux làm việc với logic bất đồng bộ, kết nối ứng dụng của chúng ta với phần máy chủ và dạy nó trao đổi dữ liệu với phần đó.

Từ các phần trước, chúng ta biết rằng cốt lõi của hoạt động ứng dụng Redux là cơ chế đồng bộ. Các giai đoạn chính của công việc bao gồm việc gửi đi các hành động khi một sự kiện nào đó xảy ra trong ứng dụng, sau đó cập nhật trạng thái trong store bằng hàm reducer, thông báo cho các thành phần của ứng dụng về sự thay đổi trạng thái và tương ứng hiển thị giá trị trạng thái mới trong các thành phần.

Trong thực tế, thường xảy ra trường hợp ứng dụng cũng cần logic bất đồng bộ, ví dụ khi làm việc với các yêu cầu HTTP API và nhận dữ liệu từ một máy chủ bên ngoài nào đó. Do đó, để store Redux 'đồng bộ' của chúng ta có thể làm việc với logic bất đồng bộ như vậy, người ta sử dụng cái gọi là middleware - phần mềm đóng vai trò trung gian hoặc liên kết giữa store của ứng dụng chúng ta và, ví dụ, máy chủ mà chúng ta sẽ bắt đầu làm việc trong chương này của hướng dẫn.

Cho Redux, nhiều middleware như vậy đã được tạo ra, tuy nhiên, phổ biến rộng rãi nhất trong số chúng và được khuyến nghị chính thức khi làm việc với các ứng dụng Redux có logic bất đồng bộ cho đến nay vẫn là Redux Thunk. Phần mềm này giúp chúng ta sử dụng các hàm thông thường (hoặc thunks), có thể chứa trong đó logic bất đồng bộ, chẳng hạn như setTimeout, Promises, async/await, để tương tác với store của chúng ta. Về bản thân thuật ngữ, thunk là đoạn mã thực hiện một công việc bị trì hoãn nào đó.

Bây giờ, khi chúng ta đã làm quen một chút với cách làm việc với logic bất đồng bộ trong Redux, chúng ta có thể bắt đầu triển khai giai đoạn này trong ứng dụng của mình. Chúng ta cần làm sao để ứng dụng của chúng ta có thể tương tác với một máy chủ bên ngoài nào đó, nhận từ nó và truyền dữ liệu cho nó. Nói cách khác, phía trước chúng ta đang chờ đợi một chủ đề hấp dẫn và rất quan trọng. Hãy bắt đầu.