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 vote133 views1 answer
NotImplementedError: OpenSSH keys only supported if ED25519 is available net-ssh requires the following gems for ed25519 suppor
Shell/Bash
0 vote133 views1 answer
Add folders to gitignore
Shell/Bash
4 votes122 views1 answer
How to store a 6 digit number as 6 separate integers
Shell/Bash
13 votes130 views1 answer
Composer ins
Shell/Bash
16 votes128 views3 answers
$path linux
Shell/Bash
0 vote128 views1 answer
Ubuntu cron job log
Shell/Bash
2 votes140 views1 answer
Ubuntu media codecs
Shell/Bash
2 votes137 views1 answer
Waybar emoji not wrok
Shell/Bash
0 vote159 views1 answer
Sed use match in replacement
Shell/Bash
0 vote142 views1 answer
Ubuntu fingerprint sudo
Shell/Bash