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

33 votes420 views5 answers
Json server
Shell/Bash
2 votes358 views1 answer
Waybar emoji not wrok
Shell/Bash
0 vote349 views1 answer
Pkg-config: not found
Shell/Bash
1 vote372 views1 answer
Convert all line endings to unix
Shell/Bash
0 vote381 views1 answer
Zh-Hans publish
Shell/Bash
17 votes371 views1 answer
Could not find tools.jar debian
Shell/Bash
0 vote374 views1 answer
Pterodactyl wings update
Shell/Bash
0 vote343 views1 answer
Copy file using powershell script
Shell/Bash
0 vote346 views1 answer
H\nohup out with diffrent name
Shell/Bash
0 vote363 views1 answer
Ubuntu ssl error you have not chosen to trust entrust certification authority - g2
Shell/Bash