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

3 votes125 views1 answer
Windows powershell symlink
Shell/Bash
0 vote99 views2 answers
How to remove mongodb in ubuntu
Shell/Bash
0 vote134 views1 answer
Gobuster command
Shell/Bash
0 vote131 views1 answer
Mongo import all from bson
Shell/Bash
1 vote128 views1 answer
Creating copy of a branch
Shell/Bash
0 vote133 views1 answer
Linux subsystem mount file into windows
Shell/Bash
1 vote133 views1 answer
Reinstal apache2 ubuntu
Shell/Bash
0 vote130 views1 answer
Minikube without sudo
Shell/Bash
0 vote140 views1 answer
-----Mg: *scratch* (fundamental)----All--------------------------------------------------------------------------------
Shell/Bash
0 vote136 views1 answer
Turn redis off
Shell/Bash