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

0 vote240 views1 answer
Delta compression using up to 4 threads error: RPC failed; curl 92 HTTP/2 stream 0 was not closed cleanly: CANCEL (err 8) send-pack: unexpected disconnect while reading sideband packet
Shell/Bash
21 votes219 views5 answers
How to install vscode in ubuntu using terminal
Shell/Bash
7 votes211 views2 answers
Flutter errors shader compilation error
Shell/Bash
0 vote188 views1 answer
How to install curl on macos
Shell/Bash
16 votes211 views2 answers
Linux view environment variables
Shell/Bash
0 vote213 views1 answer
Github popcat click script click on this link
Shell/Bash
0 vote222 views2 answers
Windows powershell ise
Shell/Bash
29 votes204 views2 answers
Git merge cancel
Shell/Bash
0 vote213 views1 answer
Asus router reset cache
Shell/Bash
0 vote201 views1 answer
Mongodb compass community linux
Shell/Bash