OleksivO

function* generatorFunction() {
       yield 'First value';
       yield 'Second value';
       return 'Third value';
    } 
    const iteratorObject = generatorFunction();     
    console.log(iteratorObject.next()) //{value: "First value", done: false}
    console.log(iteratorObject.next()) //{value: "Second value", done: false}
    console.log(iteratorObject.next()) // {value: "Third value", done: true}
    console.log(iteratorObject.next()) // {value: "undefined, done: true}

OleksivO

try {
        const successResponse = yield fetch('url');
        const parsedResponse = yield successResponse.json();
        console.log(successResponse);
    } catch(error) {
        console.log(error)
      }

OleksivO

const INITIAL_STATE = {
     token: null,
     userId: null,
     error: null,
     loading: false,
 };
 
// ... 
 
 const reducer = (state = INITIAL_STATE, action) => {

OleksivO

import axios from 'axios';
 
 export const authStart = () => {
     return {
         type: AUTH_START
     }
 };
 
 export const authSuccess = (token, userId) => {
     return {

OleksivO

export const auth = (email, password, signin) => {
    return {
        type: 'AUTH_USER',
        email: email,
        password: password,
        signin: signin
    }
};

export const authStart = () => {

OleksivO

import {delay} from 'redux-saga';
import {put, call, takeEvery} from 'redux-saga/effects';
import axios from "axios";

import * as actions from '../actions/authorization'

export default function* watchAuthSaga() {
    yield takeEvery('AUTH_USER', authUser);
    yield takeEvery('AUTH_INITIATE_LOGOUT', logout);
    yield takeEvery('AUTH_CHECK_TIMEOUT', checkAuthTimeout);

OleksivO

import {delay} from 'redux-saga';
import {put, call, takeEvery} from 'redux-saga/effects';
import axios from "axios";

import * as actions from '../actions/authorization'

export default function* watchAuthSaga() {...}

function* authUser(action) {
    yield put(actions.authStart());

OleksivO

// same logic implemented with setTimeout()
  export const checkAuthTimeout = (expirationTime) => {
       return dispatch => {
           setTimeout(() => {
               dispatch(logout())
           }, expirationTime * 1000)
       }
   };

OleksivO

//...
const rootReducer = combineReducers({
//  ...
});

const sagaMiddleware = createSagaMiddleware();

// we apply saga as a simple middleware (Redux-Thunk for example)
const store = createStore(rootReducer, composeEnhancers(
    applyMiddleware(sagaMiddleware)

OleksivO

// Actin types & Actions
export const GET_ITEMS = 'GET_ITEMS';
export const SET_ITEMS = 'SET_ITEMS';

export class GetItems implements Action {
readonly type = GET_ITEMS;
}

export class SetItems implements Action {
readonly type = SET_ITEMS;