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 views1 answer
Docker show currently running containers
Shell/Bash
0 vote311 views3 answers
Bash adding floats
Shell/Bash
6 votes296 views1 answer
Mongoclient install ubuntu
Shell/Bash
0 vote292 views1 answer
Vi is my terminal froze?
Shell/Bash
38 votes298 views6 answers
Git discard all changes
Shell/Bash
1 vote328 views1 answer
Rename github repository command line
Shell/Bash
5 votes283 views3 answers
Install chromedriver linux command line
Shell/Bash
16 votes282 views2 answers
How to remove a non empty directory in linux
Shell/Bash
0 vote289 views1 answer
Uninstall tesseract 4
Shell/Bash
0 vote313 views1 answer
Proxmox pass raw disk
Shell/Bash