Các cửa hàng thông lượng, hoặc các hành động (hoặc cả hai) có chạm vào các dịch vụ bên ngoài không?

Nếu các cửa hàng duy trì trạng thái của riêng họ và có khả năng gọi các dịch vụ mạng và lưu trữ dữ liệu làm như vậy ... trong trường hợp đó, các hành động chỉ là những người chuyển tin nhắn ngu ngốc,

-HOẶC LÀ-

... liệu các cửa hàng có phải là người nhận dữ liệu bất biến từ các hành động (và các hành động là những hành động tìm nạp / gửi dữ liệu giữa các nguồn bên ngoài? Lưu trữ trong trường hợp này sẽ hoạt động như các mô hình xem và có thể tổng hợp / lọc dữ liệu trước khi thiết lập trạng thái của riêng chúng dựa trên dữ liệu bất biến mà chúng được cung cấp bởi hành động.

Đối với tôi, dường như nó phải là cái này hay cái kia (chứ không phải là sự kết hợp của cả hai). Nếu vậy, tại sao cái này lại được ưu tiên / đề xuất hơn cái kia?

Tôi đã thấy mô hình dòng chảy được triển khai theo cả hai cách và sau khi tự mình thực hiện cả hai cách (ban đầu theo cách tiếp cận cũ), tôi tin rằng các cửa hàng phải là người nhận dữ liệu từ các hành động và quá trình xử lý không đồng bộ của các lần ghi sẽ tồn tại trong người tạo hành động. (Các lần đọc Async có thể được xử lý theo cách khác .) Theo kinh nghiệm của tôi, điều này có một vài lợi ích, theo thứ tự quan trọng:

1. Các cửa hàng của bạn trở nên hoàn toàn đồng bộ. Điều này làm cho logic cửa hàng của bạn dễ theo dõi hơn và rất dễ kiểm tra — chỉ cần khởi tạo cửa hàng với một số trạng thái nhất định, gửi cho nó một hành động và kiểm tra xem trạng thái có thay đổi như mong đợi hay không. Hơn nữa, một trong những khái niệm cốt lõi trong thông lượng là ngăn chặn việc gửi xếp tầng và ngăn nhiều lần gửi cùng một lúc; điều này rất khó thực hiện khi các cửa hàng của bạn xử lý không đồng bộ.

2. Tất cả các yêu cầu hành động xảy ra từ người tạo hành động. Nếu bạn xử lý các hoạt động không đồng bộ trong các cửa hàng của mình và bạn muốn giữ cho các trình xử lý hành động của cửa hàng đồng bộ (và bạn nên để có được sự đảm bảo của một lần điều phối thông lượng), thì các cửa hàng của bạn sẽ cần phải kích hoạt thêm các hành động THÀNH CÔNG và THẤT BẠI để đáp ứng với sự không đồng bộ Chế biến. Thay vào đó, việc đưa những công văn này cho người tạo hành động giúp tách biệt công việc của người tạo hành động và cửa hàng; hơn nữa, bạn không cần phải tìm hiểu logic cửa hàng của mình để tìm ra các hành động đang được thực hiện từ đâu. Một hành động không đồng bộ điển hình trong trường hợp này có thể trông giống như thế này (thay đổi cú pháp của lệnh dispatchgọi dựa trên hương vị của thông lượng bạn đang sử dụng):

   someActionCreator: function(userId) {
     // Dispatch an action now so that stores that want
     // to optimistically update their state can do so.
     dispatch("SOME_ACTION", {userId: userId});
   
     // This example uses promises, but you can use Node-style
     // callbacks or whatever you want for error handling.
     SomeDataAccessLayer.doSomething(userId)
     .then(function(newData) {
       // Stores that optimistically updated may not do anything
       // with a "SUCCESS" action, but you might e.g. stop showing
       // a loading indicator, etc.
       dispatch("SOME_ACTION_SUCCESS", {userId: userId, newData: newData});
     }, function(error) {
       // Stores can roll back by watching for the error case.
       dispatch("SOME_ACTION_FAIL", {userId: userId, error: error});
     });
   }
   

   Logic có thể bị trùng lặp trong các hành động khác nhau nên được trích xuất vào một mô-đun riêng biệt; trong ví dụ này, mô-đun đó sẽ SomeDataAccessLayerxử lý thực hiện yêu cầu Ajax thực tế.

3. Bạn cần ít người tạo hành động hơn. Đây không phải là vấn đề lớn, nhưng rất vui nếu có. Như đã đề cập trong # 2, nếu các cửa hàng của bạn có xử lý điều phối hành động đồng bộ (và họ nên làm như vậy), bạn sẽ cần kích hoạt các hành động bổ sung để xử lý kết quả của các hoạt động không đồng bộ. Thực hiện các điều khoản trong trình tạo hành động có nghĩa là một người tạo hành động duy nhất có thể gửi cả ba loại hành động bằng cách xử lý kết quả của chính quyền truy cập dữ liệu không đồng bộ.

Tôi đã tweet câu hỏi này cho các nhà phát triển tại Facebook và câu trả lời tôi nhận được từ Bill Fisher là:

Khi phản hồi tương tác của người dùng với giao diện người dùng, tôi sẽ thực hiện lệnh gọi không đồng bộ trong các phương thức của trình tạo hành động.

Nhưng khi bạn có một mã hoặc một số trình điều khiển không phải con người khác, cuộc gọi từ cửa hàng sẽ hoạt động tốt hơn.

Điều quan trọng là tạo một hành động trong lệnh gọi lại lỗi / thành công để dữ liệu luôn bắt nguồn từ các hành động

Các cửa hàng phải làm mọi thứ, bao gồm cả việc tìm nạp dữ liệu và báo hiệu cho các thành phần rằng dữ liệu của cửa hàng đã được cập nhật. Tại sao? Bởi vì các hành động sau đó có thể nhẹ, dùng một lần và có thể thay thế mà không ảnh hưởng đến hành vi quan trọng. Tất cả các hành vi và chức năng quan trọng xảy ra trong cửa hàng. Điều này cũng ngăn chặn hành vi trùng lặp mà nếu không sẽ được sao chép trong hai hành động rất giống nhau nhưng khác nhau. Các cửa hàng là nguồn duy nhất của bạn (xử lý) sự thật.

Trong mọi triển khai Flux mà tôi đã thấy Các hành động về cơ bản là các chuỗi sự kiện được chuyển thành các đối tượng, giống như truyền thống bạn sẽ có một sự kiện có tên "anchor: click" nhưng trong Flux, nó sẽ được định nghĩa là AnchorActions.Clicked. Chúng thậm chí còn "ngớ ngẩn" đến mức hầu hết các triển khai đều có các đối tượng Dispatcher riêng biệt để thực sự gửi các sự kiện đến các cửa hàng đang lắng nghe.

Cá nhân tôi thích việc triển khai Flux của Reflux nơi không có đối tượng Dispatcher riêng biệt và đối tượng Action tự thực hiện việc điều phối.

chỉnh sửa: Flux của Facebook thực sự tìm nạp trong "trình tạo hành động" để họ sử dụng các hành động thông minh. Họ cũng chuẩn bị tải trọng bằng cách sử dụng các cửa hàng:

https://github.com/facebook/flux/blob/19a24975462234ddc583ad740354e115c20b881d/examples/flux-chat/js/actions/ChatMessageActionCreators.js#L27 (dòng 27 và 28)

Sau đó, lệnh gọi lại khi hoàn thành sẽ kích hoạt một hành động mới lần này với dữ liệu được tìm nạp dưới dạng tải trọng:

https://github.com/facebook/flux/blob/19a24975462234ddc583ad740354e115c20b881d/examples/flux-chat/js/utils/ChatWebAPIUtils.js#L51

Vì vậy, tôi đoán đó là giải pháp tốt hơn.

Tôi sẽ đưa ra một lập luận ủng hộ các Hành động "ngu ngốc".

Bằng cách đặt trách nhiệm thu thập dữ liệu chế độ xem trong Hành động của mình, bạn kết hợp Hành động với các yêu cầu dữ liệu của chế độ xem.

Ngược lại, các Hành động chung, mô tả rõ ràng ý định của người dùng hoặc một số chuyển đổi trạng thái trong ứng dụng của bạn, cho phép bất kỳ Cửa hàng nào phản hồi với Hành động đó chuyển đổi ý định thành trạng thái được thiết kế riêng cho các chế độ xem đã đăng ký.

Điều này có lợi cho nhiều Cửa hàng hơn, nhưng nhỏ hơn, chuyên biệt hơn. Tôi lập luận cho phong cách này bởi vì

• điều này giúp bạn linh hoạt hơn trong cách các chế độ xem sử dụng dữ liệu Store
• Cửa hàng "thông minh", chuyên dành cho các lượt xem sử dụng chúng, sẽ nhỏ hơn và ít được ghép nối cho các ứng dụng phức tạp hơn so với các Hành động "thông minh", nơi có nhiều lượt xem phụ thuộc vào

Mục đích của Cửa hàng là cung cấp dữ liệu cho các chế độ xem. Tên "Hành động" gợi ý cho tôi rằng mục đích của nó là mô tả sự thay đổi trong Ứng dụng của tôi.

Giả sử bạn phải thêm tiện ích con vào chế độ xem Trang tổng quan hiện có, hiển thị một số dữ liệu tổng hợp mới lạ mắt mà nhóm phụ trợ của bạn vừa triển khai.

Với Hành động "thông minh", bạn có thể cần phải thay đổi Hành động "làm mới bảng điều khiển" của mình để sử dụng API mới. Tuy nhiên, "Làm mới bảng điều khiển" theo nghĩa trừu tượng vẫn không thay đổi. Yêu cầu dữ liệu của chế độ xem của bạn là những gì đã thay đổi.

Với Hành động "ngu ngốc", bạn có thể thêm Cửa hàng mới để tiện ích con mới sử dụng và thiết lập nó để khi nhận được loại Hành động "làm mới trang tổng quan", nó sẽ gửi yêu cầu về dữ liệu mới và hiển thị tiện ích con mới khi nó đã sẵn sàng. Tôi hiểu rằng khi lớp xem cần nhiều hoặc nhiều dữ liệu khác nhau, những thứ tôi thay đổi chính là nguồn của dữ liệu đó: Cửa hàng.

bản demo flux- react -router- của gaeron có một biến thể tiện ích tuyệt vời của cách tiếp cận 'đúng'.

ActionCreator tạo ra một lời hứa từ một dịch vụ API bên ngoài, sau đó chuyển lời hứa và ba hằng số hành động cho một dispatchAsynchàm trong proxy / Điều phối viên mở rộng. dispatchAsyncsẽ luôn gửi hành động đầu tiên, ví dụ: 'GET_EXTERNAL_DATA' và khi lời hứa trả về, nó sẽ gửi 'GET_EXTERNAL_DATA_SUCCESS' hoặc 'GET_EXTERNAL_DATA_ERROR'.

Nếu bạn muốn một ngày nào đó có một môi trường phát triển có thể so sánh với những gì bạn thấy trong video nổi tiếng Phát minh trên nguyên tắc của Bret Victor , bạn nên sử dụng các cửa hàng câm chỉ là phép chiếu các hành động / sự kiện bên trong cấu trúc dữ liệu mà không có bất kỳ tác dụng phụ nào. Nó cũng sẽ hữu ích nếu các cửa hàng của bạn thực sự là thành viên của cùng một cấu trúc dữ liệu bất biến toàn cầu, như trong Redux .

Giải thích thêm tại đây: https://stackoverflow.com/a/31388262/82609