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

20 votes301 views4 answers
Ubuntu add permission to folder
Shell/Bash
0 vote304 views1 answer
Ansible ad hoc file module
Shell/Bash
21 votes373 views1 answer
Brew m1
Shell/Bash
6 votes287 views1 answer
Is there a snipping tool on ubuntu
Shell/Bash
0 vote300 views2 answers
Squash 3 commit
Shell/Bash
-1 vote297 views3 answers
Change default terminal linux
Shell/Bash
0 vote321 views1 answer
Laravel start kit authentication
Shell/Bash
0 vote341 views1 answer
Drupal 9 dump database
Shell/Bash
2 votes332 views1 answer
Bash echo to stderr
Shell/Bash
4 votes305 views1 answer
Download homebrew windows
Shell/Bash