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 vote338 views1 answer
UWSGI reload when code changes
Shell/Bash
0 vote344 views1 answer
Separate a file by pattern
Shell/Bash
1 vote299 views1 answer
Nginx cors only one is allowed
Shell/Bash
9 votes376 views6 answers
Ubuntu nvm
Shell/Bash
9 votes358 views1 answer
Manjaro vs code
Shell/Bash
0 vote318 views1 answer
Txt file open command linux
Shell/Bash
7 votes367 views4 answers
Npm install ubuntu 20.04
Shell/Bash
0 vote359 views1 answer
Ssh into vagrant
Shell/Bash
0 vote373 views2 answers
Start powershell as different user
Shell/Bash
0 vote328 views1 answer
Sed up to first match
Shell/Bash