Description
I'm a noob with react native, so excuse me if I'm missing something obvious.
I created a new ignite app. I modified App/Sagas/index.js with the following content:
function * test() {
while (true) {
yield take('DEV');
console.log('dev');
}
}
// start the daemons
export default function * root () {
yield fork(watchStartup)
yield fork(watchLoginAttempt)
yield fork(getCityWeather(api).watcher)
yield fork(test);
}(I added the test function).
I modified the Startup saga like this:
export function * watchStartup () {
yield take(Types.STARTUP);
yield put({type: 'DEV'}); // <--- added by me
const temp = yield select((state) => state.weather.temperature)
// only fetch new temps when we don't have one yet
if (!R.is(Number, temp)) {
yield put(Actions.requestTemperature('San Francisco'))
}
}When I launch the app, I see the DEV saga logged in console, and "dev" being written in the chrome console. I can also see the DEV action logged in reactotron.
Then I try to trigger this action from the reactotron interface ({type: 'DEV'}).
Nothing happens. My saga isn't activated, nothing is logged in the console nor reactotron.
I think the problem is between the way your createSubscriptionListener and redux's applyMiddleware handle the store. Here are the relevant code snippets, in the order of execution.
reactotron/dist/client.js
return function (reducer, initialState, enhancer) {
// create this store
var store = createStore(reducer, initialState, enhancer);
// (snip)
// attach the subscription to the store
client.addReduxStore(store); // <-- store version 1 sent to the addReduxStore
// return the store but with our new dispatcher
return R.merge(store, { dispatch: dispatch }); // <-- store version 2 returned
};
//.....
client.addReduxStore = function (store) {
store.subscribe(client.createSubscriptionListener(store)); // <-- store version 1 cached in this closure
//...redux/lib/applyMiddleware.js
var store = createStore(reducer, initialState, enhancer); // <-- store version 2 appears here
var _dispatch = store.dispatch;
var chain = [];
var middlewareAPI = {
getState: store.getState,
dispatch: function dispatch(action) {
return _dispatch(action);
}
};
chain = middlewares.map(function (middleware) {
return middleware(middlewareAPI);
});
_dispatch = _compose2["default"].apply(undefined, chain)(store.dispatch); // <-- all the middleware / enhancers added here
return _extends({}, store, { // <-- store version 3 returned to the rest of the app
dispatch: _dispatch
});As you can see, reactotron's listener ends up with a bizzaro alternate universe version of the store, without any of the enhancers applied (including sagas, logging, etc.).