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

67 votes166 views6 answers
Activate venv
Shell/Bash
0 vote176 views1 answer
Download clamav ubuntu 20
Shell/Bash
0 vote185 views1 answer
Platform CLI
Shell/Bash
0 vote171 views1 answer
New mojang launcher can't see old installaations
Shell/Bash
1 vote182 views1 answer
Delete minikube linux
Shell/Bash
0 vote169 views1 answer
Failed to start docker.service: Unit docker.service is masked
Shell/Bash
42 votes166 views6 answers
Install git linux
Shell/Bash
3 votes196 views2 answers
Error: snap "gimp" has "install-snap" change in progress
Shell/Bash
1 vote177 views1 answer
Dos2unix recursive folder
Shell/Bash
0 vote193 views1 answer
Labview match multiple lines
Shell/Bash