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 vote341 views1 answer
Ubuntu mount samba dir
Shell/Bash
1 vote328 views1 answer
How to install yum on mac
Shell/Bash
2 votes284 views4 answers
Bootstrap with gatsby
Shell/Bash
63 votes323 views6 answers
React router install
Shell/Bash
0 vote309 views1 answer
Git replace branch with another
Shell/Bash
42 votes328 views4 answers
Get all the branch in git
Shell/Bash
0 vote342 views1 answer
Terminal keyboard shortcut
Shell/Bash
1 vote332 views1 answer
Gitlab delete issue
Shell/Bash
24 votes330 views2 answers
Create .gitignore
Shell/Bash
0 vote308 views1 answer
Command prompt change directory to network drive
Shell/Bash