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

24 votes225 views2 answers
Create gitignore
Shell/Bash
1 vote224 views1 answer
Anaconda for ubuntu 20.04
Shell/Bash
31 votes240 views2 answers
Check jdk version
Shell/Bash
0 vote215 views1 answer
Vue postcss 8 tailwindcss
Shell/Bash
0 vote219 views2 answers
Linux unrar multiple files
Shell/Bash
2 votes216 views1 answer
Vi search
Shell/Bash
0 vote223 views1 answer
Error during global initialization mongodb
Shell/Bash
44 votes431 views6 answers
Npm install typescript
Shell/Bash
0 vote225 views1 answer
Nohup output file
Shell/Bash
1 vote219 views2 answers
Julia install
Shell/Bash