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

13 votes141 views1 answer
Install slack
Shell/Bash
0 vote153 views1 answer
Mongorestore command
Shell/Bash
0 vote147 views2 answers
How To Configure WiFi on Raspberry Pi - NAYCode.com
Shell/Bash
0 vote149 views1 answer
Bash print file permissions
Shell/Bash
10 votes137 views3 answers
Git remove file from commit
Shell/Bash
6 votes238 views1 answer
Uninstall cheese ubuntu
Shell/Bash
117 votes220 views6 answers
Ubuntu install node js
Shell/Bash
0 vote145 views1 answer
Cisco username command
Shell/Bash
14 votes117 views4 answers
Git push force
Shell/Bash
1 vote139 views1 answer
Npm install custom registry
Shell/Bash