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

1 vote254 views2 answers
How get pods in kuber
Shell/Bash
1 vote248 views1 answer
Ssh use other key file
Shell/Bash
8 votes244 views2 answers
Check running process in linux
Shell/Bash
0 vote248 views1 answer
Grep not match
Shell/Bash
0 vote266 views1 answer
Creating docker based vms with ranchervm but requires KVM installed
Shell/Bash
0 vote203 views1 answer
Phoenix 1.6
Shell/Bash
0 vote273 views1 answer
How to install linux headers on arch
Shell/Bash
0 vote269 views1 answer
Mongo import all from bson
Shell/Bash
19 votes262 views3 answers
Composer change version
Shell/Bash
18 votes269 views4 answers
How to change branch name
Shell/Bash