Redux-saga

src/js/sagas/api-saga.js

@@ -0,0 +1,20 @@
+import { takeEvery, call, put } from "redux-saga/effects"
+
+export default function* watcherSaga() {
+  yield takeEvery("DATA_REQUESTED", workerSaga)
+}
+
+function* workerSaga() {
+  try {
+    const payload = yield call(getData)
+    yield put({ type: "DATA_LOADED", payload })
+  } catch (e) {
+    yield put({ type: "API_ERRORED", payload: e })
+  }
+}
+
+function getData() {
+  return fetch("https://jsonplaceholder.typicode.com/posts").then(response =>
+    response.json()
+  )
+}