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

47 votes183 views2 answers
Stop a process running on a port ubuntu
Shell/Bash
0 vote156 views1 answer
Pull request without forking?
Shell/Bash
0 vote162 views1 answer
Install avagadro on linux
Shell/Bash
0 vote160 views1 answer
How to find max and min in column bash
Shell/Bash
1 vote200 views1 answer
Adb recorder
Shell/Bash
0 vote288 views1 answer
Git fatal bad revision cherry-pick
Shell/Bash
34 votes181 views6 answers
Update cypress
Shell/Bash
7 votes171 views2 answers
Linux format usb command line
Shell/Bash
1 vote145 views3 answers
Adobe reader linux
Shell/Bash
0 vote180 views1 answer
Edit file as root ubuntu
Shell/Bash