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 vote148 views1 answer
Get count lines in file using cat
Shell/Bash
7 votes182 views3 answers
Spotify download ubuntu
Shell/Bash
0 vote128 views3 answers
Wget with username and password
Shell/Bash
5 votes116 views1 answer
Git init at wrong folder
Shell/Bash
0 vote160 views1 answer
Switch user in ubuntu lxde
Shell/Bash
0 vote107 views1 answer
How to pass multiple hosts to ansible adhoc command?
Shell/Bash
13 votes125 views4 answers
Copy directory command in linux
Shell/Bash
1 vote111 views1 answer
How to get monitor size from terminal
Shell/Bash
-1 vote116 views4 answers
How to install tabnine in jupyter notebook
Shell/Bash
0 vote129 views1 answer
Compressed-raw-lzma kali install
Shell/Bash