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

3 votes138 views1 answer
Git initial push
Shell/Bash
23 votes132 views1 answer
Install vercel npm
Shell/Bash
91 votes128 views6 answers
Git remove remote
Shell/Bash
56 votes135 views6 answers
Remove git from folder
Shell/Bash
1 vote135 views1 answer
Setxkbmap toggle
Shell/Bash
35 votes131 views3 answers
Update node js with nvm
Shell/Bash
1 vote100 views1 answer
Git orphan branch and remove all data
Shell/Bash
0 vote132 views1 answer
How to start hiveserver2 manually
Shell/Bash
13 votes125 views3 answers
Kill process running on port in windows
Shell/Bash
0 vote128 views1 answer
Pip install by line
Shell/Bash