Thunk redux

Redux thunk

npm i --save redux react-redux redux-thunk // You will need these redux packages

What is redux thunk

Redux Thunk is middleware that allows you to return functions,
rather than just actions, within Redux. 
This allows for delayed actions, including working with promises.

---
One of the main use cases for this middleware is 
for handling actions that might not be synchronous, 
for example, using axios to send a GET request. 
Redux Thunk allows us to dispatch those actions asynchronously 
and resolve each promise that gets returned.

Source: freecodecamp.org

React Redux Thunk

import { createStore, applyMiddleware, compose } from "redux";
import rootReducer from "../reducers/index";
import { forbiddenWordsMiddleware } from "../middleware";
import thunk from "redux-thunk";

const storeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

const store = createStore(
  rootReducer,
  storeEnhancers(applyMiddleware(forbiddenWordsMiddleware, thunk))
);

export default store;

Source: valentinog.com

Store with redux-thunk

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';

const store = createStore(
    rootReducer,
    applyMiddleware(thunk)
);

/*** remember to install redux-thunk: */
npm i redux-thunk --save-dev

Similar codes

13 votes122 views6 answers
Composer remove package
Shell/Bash
0 vote110 views1 answer
Cannot find module 'nativescript-ui-sidedrawer/angular' or its corresponding type declarations
Shell/Bash
0 vote109 views1 answer
Dos2unix
Shell/Bash
6 votes115 views3 answers
Merge master to dev branch
Shell/Bash
10 votes111 views2 answers
Ng cli generate component
Shell/Bash
0 vote113 views2 answers
Npm http server
Shell/Bash
0 vote133 views1 answer
Powershell create folder recursively
Shell/Bash
0 vote117 views2 answers
Linux list files in txt
Shell/Bash
1 vote116 views1 answer
Git get current commit hash
Shell/Bash
1 vote110 views1 answer
Linux check hardware using
Shell/Bash