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 vote199 views3 answers
How to uninstall oh my zsh
Shell/Bash
-1 vote136 views1 answer
Sh execute command
Shell/Bash
6 votes183 views1 answer
Git proxy
Shell/Bash
2 votes275 views1 answer
Ubuntu darling
Shell/Bash
0 vote182 views1 answer
Remove local commiits
Shell/Bash
0 vote171 views1 answer
Install wmctrl in mac
Shell/Bash
17 votes184 views3 answers
Check if port is running in ubuntu
Shell/Bash
0 vote220 views1 answer
Append to a file from terminal
Shell/Bash
0 vote239 views1 answer
Switching between gdm and lightdm
Shell/Bash
0 vote170 views1 answer
Multiple mount path docker container
Shell/Bash