[ ADD ] react configuration

react/src/network/apis/index.js

@@ -0,0 +1,19 @@
+import axios from "axios";
+import { requestHandler, successHandler, errorHandler } from "../interceptors";
+import { BASE_URL } from "../../utils/Constants";
+
+//add your BASE_URL to Constants file
+export const axiosInstance = axios.create({
+  baseURL: BASE_URL,
+  headers: {
+    "Content-Type": "application/json"
+  }
+});
+
+// Handle request process
+axiosInstance.interceptors.request.use(request => requestHandler(request));
+// Handle response process
+axiosInstance.interceptors.response.use(
+  response => successHandler(response),
+  error => errorHandler(error)
+);

react/src/network/interceptors/index.js

@@ -0,0 +1,35 @@
+import store from "../../store";
+import { loader } from "../../store/Loader/LoaderAction";
+import Auth from "../../utils/Auth";
+
+export const isHandlerEnabled = (config = {}) => {
+  return config.hasOwnProperty("handlerEnabled") && !config.handlerEnabled
+    ? false
+    : true;
+};
+
+export const requestHandler = request => {
+  if (isHandlerEnabled(request)) {
+   // Modify request here
+    store.dispatch(loader(true));
+  }
+  return request;
+};
+
+export const successHandler = response => {
+  if (isHandlerEnabled(response)) {
+    // Hanlde Response
+    store.dispatch(loader(false));
+  }
+  return response;
+};
+
+export const errorHandler = error => {
+  if (isHandlerEnabled(error.config)) {
+    store.dispatch(loader(false));
+    // You can decide what you need to do to handle errors.
+    // here's example for unautherized user to log them out .
+    // error.response.status === 401 && Auth.signOut();
+  }
+  return Promise.reject({ ...error });
+};