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 vote293 views2 answers
Adding in ssh agent
Shell/Bash
1 vote310 views1 answer
Ubuntu create archive split
Shell/Bash
6 votes272 views1 answer
Apt-get update after upgrade
Shell/Bash
1 vote328 views2 answers
How to install xfce
Shell/Bash
21 votes341 views6 answers
Where does pip install packages
Shell/Bash
0 vote337 views1 answer
Terminal command history to file
Shell/Bash
0 vote323 views1 answer
Error eacces permission denied mkdir xampp ubuntu
Shell/Bash
0 vote329 views1 answer
Copy folder while ignoring node_modules folder
Shell/Bash
3 votes349 views2 answers
Find php.ini ubuntu
Shell/Bash
1 vote402 views1 answer
Sed remove space
Shell/Bash