“Select” effect from Redux Saga | Chinese Rule of Eight

ref – https://stackoverflow.com/questions/38405700/getstate-in-redux-saga

We want to listen for DESERIALIZE actions. Once we detect one, we want to run function deserialize.

function* mySaga() {

yield* takeEvery( 'DESERIALIZE', deserialize );

}

where deserialize is:

function* deserialize( action ) {

// How to getState here??

yield put({ type: 'DESERISLIZE_COMPLETE' });

}

Problem is, how do we get state of the store?

The answer is that we can use select to the store’s state.

import {select, ...} from 'redux-saga/effects'

function* deserialize( action ) {

const state = yield select();

....

yield put({ type: 'DESERIALIZE_COMPLETE' });

}

You can also declare a function that filters out what state properties you need, and select will literally “select” the data from the store for you

const getItems = state => state.items;

function* deserialize( action ) {

const items = yield select(getItems);

....

yield put({ type: 'DESERIALIZE_COMPLETE' });

}