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

2 votes108 views1 answer
Npx --ignore-existing
Shell/Bash
-1 vote103 views1 answer
How to run jar file mac
Shell/Bash
0 vote102 views1 answer
Diff remote file
Shell/Bash
0 vote110 views1 answer
Linux count lines csv files
Shell/Bash
0 vote106 views1 answer
Server 2012r2 powershell unable to download from URI
Shell/Bash
1 vote157 views1 answer
Git bash upstream branch change
Shell/Bash
0 vote120 views1 answer
Linux modsecurity allow googlebot
Shell/Bash
0 vote111 views1 answer
Grep only third match
Shell/Bash
1 vote101 views1 answer
Echo to file permission denied
Shell/Bash
19 votes114 views1 answer
@material-ui/icons
Shell/Bash