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

1 vote306 views6 answers
Install docker debian 10
Shell/Bash
1 vote250 views1 answer
Fatal error: portaudio.h: No such file or directory
Shell/Bash
15 votes300 views3 answers
How to install tor browser in ubuntu
Shell/Bash
0 vote286 views1 answer
Git ls files sort by date
Shell/Bash
9 votes279 views4 answers
How to install packages from jupyter notebook
Shell/Bash
0 vote242 views1 answer
Postgre create user
Shell/Bash
4 votes247 views3 answers
Module not found: Can't resolve ''
Shell/Bash
1 vote264 views1 answer
Whatsdesk
Shell/Bash
1 vote278 views1 answer
Uninstall opencv on anaconda ubuntu
Shell/Bash
2 votes267 views1 answer
How to add a custom zsh aliases
Shell/Bash