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 vote257 views3 answers
Kubernetes get services
Shell/Bash
0 vote238 views1 answer
How to assign more than one ip address in linux
Shell/Bash
0 vote244 views1 answer
Use -i
Shell/Bash
6 votes269 views1 answer
Linux unzupgz files
Shell/Bash
0 vote213 views1 answer
How force detached ENI
Shell/Bash
-1 vote265 views2 answers
Cast audio to google home mini from pc linux
Shell/Bash
83 votes289 views6 answers
Untar tar.gz
Shell/Bash
0 vote241 views1 answer
Linux find multiple directories
Shell/Bash
3 votes246 views2 answers
How to generate ssh key in ubuntu
Shell/Bash
1 vote234 views2 answers
Check if service in running to a port in linux
Shell/Bash