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 vote296 views1 answer
Install @angular/router
Shell/Bash
0 vote239 views1 answer
LibSSH Exploit
Shell/Bash
0 vote259 views1 answer
Show windows version cnd
Shell/Bash
0 vote261 views1 answer
Arch linux emoji not showing
Shell/Bash
0 vote280 views1 answer
Import heroku dump to local
Shell/Bash
0 vote286 views1 answer
How to install onlyoffice on linux
Shell/Bash
3 votes287 views2 answers
Snap store
Shell/Bash
65 votes282 views6 answers
React router
Shell/Bash
59 votes362 views5 answers
Install strapi cli
Shell/Bash
0 vote280 views1 answer
Print apt list
Shell/Bash