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 vote218 views1 answer
Vmd in terminal
Shell/Bash
0 vote243 views1 answer
Change wsl to version 1
Shell/Bash
1 vote248 views2 answers
Xcopy folder to another folder
Shell/Bash
0 vote287 views1 answer
Git percentage of authorship
Shell/Bash
1 vote240 views1 answer
Install dirsearch
Shell/Bash
43 votes217 views6 answers
Npm install bootstrap
Shell/Bash
3 votes229 views1 answer
Markdown todo complete
Shell/Bash
0 vote223 views1 answer
How to skip .pyc file adding into github repository
Shell/Bash
0 vote215 views1 answer
Get time awake linux
Shell/Bash
0 vote248 views1 answer
NGINX systemd service file
Shell/Bash