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

8 votes111 views2 answers
Get users shell
Shell/Bash
0 vote329 views1 answer
Docker compose unless stopped
Shell/Bash
4 votes122 views1 answer
Venv/bin/activate permission denied
Shell/Bash
0 vote125 views2 answers
Shell Creating folders and files
Shell/Bash
0 vote156 views1 answer
Setting up Jetson AI
Shell/Bash
0 vote131 views1 answer
Touch file bash insert text
Shell/Bash
0 vote116 views1 answer
Heroku buildpacks remove
Shell/Bash
8 votes122 views1 answer
Scp with ssh key
Shell/Bash
1 vote115 views1 answer
Mac [ncm2_core@yarp] Job is dead nvim
Shell/Bash
1 vote116 views1 answer
Show fortigate uptime
Shell/Bash