Właściwy sposób inicjowania danych

Question

Jaki jest właściwy sposób inicjowania danych (asynchronicznie) za pomocą RefluxJS? Czy istnieje coś podobnego do rozwiązania AngularJS lub implementacja Flux nie ma z tym nic wspólnego (router powinien obsługiwać tę odpowiedzialność)?

Answer 1

W składniku najwyższego poziomu aplikacji użyj metody comoponentWillMount (docs), aby wywołać akcję, która pobiera dane. Ta metoda zostanie wywołana, gdy komponent zostanie początkowo wyrenderowany.

Na przykład:

// Create an async action, that will request data using a promise 
// Using the recently released (v0.2.2) helpers for async actions 
var actions = Reflux.createActions({ 
    init: {asyncResult: true} 
}); 
actions.init.listenAndPromise(promiseToGetData); 

// Update the store when the init action's promise is completed 
var store = Reflux.createStore({ 
    listenables: actions, 
    onInitCompleted: function (data) { 
     // do stuff 
     this.trigger(data) 
    } 
}); 

var App = React.createClass({ 
    mixins: [Reflux.connect(store)], 
    componentWillMount: function() { 
     // When this component is loaded, fetch initial data 
     actions.init() 
    } 
}); 

Answer 2

Refluks ma API dla tego właściwie.

Docs są ubogie w opisywaniu tego, ale Spoike (autor refluksem za) dał odpowiedź wraz z przykładu kodu:

https://stackoverflow.com/a/28984512/1775026