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 vote190 views1 answer
Bash add help argument
Shell/Bash
0 vote195 views2 answers
Surge installation
Shell/Bash
0 vote186 views1 answer
Setting the CLASSPATH to temp libs in linux
Shell/Bash
1 vote191 views1 answer
Cordova ios 5.1.0
Shell/Bash
0 vote200 views1 answer
Bbb secret key
Shell/Bash
0 vote184 views1 answer
Kubectl set context not working
Shell/Bash
0 vote191 views1 answer
Installing ipython-sql command line
Shell/Bash
1 vote261 views2 answers
Windows delete all docker images
Shell/Bash
20 votes188 views6 answers
How to install flutter
Shell/Bash
1 vote151 views1 answer
Uninstall thingsboard ubuntu
Shell/Bash