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 vote129 views1 answer
Cmdchange directory with space
Shell/Bash
1 vote136 views1 answer
Git add missed to last commit
Shell/Bash
0 vote130 views1 answer
Asdf check node version
Shell/Bash
5 votes152 views1 answer
How to activate administrator account in windows 10 command prompt
Shell/Bash
3 votes144 views1 answer
Run php in browser localhost
Shell/Bash
4 votes130 views2 answers
Linux file path
Shell/Bash
0 vote145 views2 answers
Hash sum mismatch ubuntu 20.04
Shell/Bash
0 vote144 views4 answers
Letencrpt
Shell/Bash
0 vote148 views1 answer
How to use tags in ansible
Shell/Bash
3 votes137 views1 answer
How to revert uncommitted changes including files and folders?
Shell/Bash