React + Redux với api còn lại?

Question

Tôi có một ứng dụng CRUD đơn giản mà tôi đang xây dựng trong nút và đã hoàn tất việc tạo API còn lại trong Express. Bây giờ tôi đang tìm cách thêm chức năng kết thúc trước và muốn sử dụng phản ứng + redux như một bài tập học tập. Có vẻ như tuy nhiên tất cả các hướng dẫn xung quanh việc truy cập dữ liệu trực tiếp bằng cách sử dụng Redux, thay vì giao tiếp với một API nội bộ.

Câu hỏi của tôi là, đó là cách chính xác để xây dựng SPA với redux? Tôi đã có ấn tượng tốt nhất là tách riêng phần front end khỏi backend để tôi có thể, ví dụ, xây dựng một ứng dụng iPhone và không phải xây dựng lại backend.

Xin cảm ơn trước.

Answer 1

Redux không liên quan gì đến giao tiếp API, đó là thư viện dành cho quản lý trạng thái phía máy khách. Bạn có thể sử dụng bất kỳ phương pháp nào để kích hoạt và xử lý các yêu cầu, phổ biến nhất là sử dụng các phần mềm trung gian kết nối api tùy chỉnh, các chức năng trả về, yêu cầu từ người tạo tác vụ và sử dụng chúng với thunk-middleware hoặc sử dụng các phương pháp thay thế như rx-bridges hoặc sagas.

Answer 2

Bắt đầu với: https://egghead.io/series/getting-started-with-redux

Reffer để: What is best practice to communicate between React components and services?

Redux do thiết kế các lực lượng để xây dựng ứng dụng SPA.

Answer 3

Thứ nhất, xem các ví dụ từ tài liệu Redux, "Real World" là hữu ích nhất: https://github.com/reactjs/redux/tree/master/examples/real-world

Sau đó, bạn có thể nghiên cứu utils hữu ích như Redux-hứa-middleware.

Cuối cùng, bạn có thể thử sử dụng một số utils phức tạp để kết nối ứng dụng redux của bạn với API. redux-rest-adapter là một trong số đó.