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

2 votes157 views1 answer
See apache version ubuntu
Shell/Bash
36 votes171 views3 answers
Jupyter python downkload
Shell/Bash
0 vote187 views1 answer
Get shared mailbox powershell exchange 2010
Shell/Bash
0 vote157 views1 answer
How to uninstall ngrok
Shell/Bash
0 vote308 views1 answer
How to close terminal tab
Shell/Bash
0 vote156 views4 answers
Why i am not able to paste anything in htdocs folder in ubuntu
Shell/Bash
0 vote158 views1 answer
Debian change default kernel
Shell/Bash
2 votes182 views1 answer
Ubuntu remove user
Shell/Bash
16 votes152 views2 answers
Ubuntu screenshot tool
Shell/Bash
95 votes153 views3 answers
Install angular globally
Shell/Bash