18dc1f66c6
Since 9.4 release, fetch is pollyfilled by default from #12353, so the import is not needed anymore.
33 lines
738 B
JavaScript
33 lines
738 B
JavaScript
import { all, call, delay, put, take, takeLatest } from 'redux-saga/effects'
|
|
import es6promise from 'es6-promise'
|
|
|
|
import { actionTypes, failure, loadDataSuccess, tickClock } from './actions'
|
|
|
|
es6promise.polyfill()
|
|
|
|
function* runClockSaga() {
|
|
yield take(actionTypes.START_CLOCK)
|
|
while (true) {
|
|
yield put(tickClock(false))
|
|
yield delay(1000)
|
|
}
|
|
}
|
|
|
|
function* loadDataSaga() {
|
|
try {
|
|
const res = yield fetch('https://jsonplaceholder.typicode.com/users')
|
|
const data = yield res.json()
|
|
yield put(loadDataSuccess(data))
|
|
} catch (err) {
|
|
yield put(failure(err))
|
|
}
|
|
}
|
|
|
|
function* rootSaga() {
|
|
yield all([
|
|
call(runClockSaga),
|
|
takeLatest(actionTypes.LOAD_DATA, loadDataSaga),
|
|
])
|
|
}
|
|
|
|
export default rootSaga
|