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 vote295 views1 answer
Install epel repo centos 7
Shell/Bash
2 votes283 views3 answers
Git remove all files from gitignore
Shell/Bash
0 vote289 views1 answer
How to run debian on docker
Shell/Bash
0 vote299 views1 answer
Push empty git commit
Shell/Bash
0 vote280 views1 answer
Install php 7.4 chocolatey
Shell/Bash
1 vote370 views1 answer
Create new docker image from existing
Shell/Bash
1 vote304 views1 answer
Why can't i find execute option in ubuntu properties
Shell/Bash
1 vote276 views1 answer
Git check differences between two projects
Shell/Bash
0 vote293 views1 answer
Install draw io locally
Shell/Bash
8 votes331 views2 answers
Jest install
Shell/Bash