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 vote217 views1 answer
Installing ipython-sql in Jupyter
Shell/Bash
9 votes246 views3 answers
Install ssh linux
Shell/Bash
0 vote208 views1 answer
How to install ktouch in linux
Shell/Bash
30 votes217 views3 answers
How to bash into docker container
Shell/Bash
0 vote249 views1 answer
How to remove ubuntu proxy not working
Shell/Bash
0 vote198 views1 answer
Add pwd to path linux
Shell/Bash
20 votes208 views3 answers
Git clone with folder name
Shell/Bash
-1 vote200 views1 answer
Kill user sessions in centos7
Shell/Bash
12 votes198 views2 answers
Tar command
Shell/Bash
0 vote206 views1 answer
How to use tags in ansible
Shell/Bash