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

1 vote206 views1 answer
Ansible ignore tag
Shell/Bash
0 vote237 views1 answer
Instal ansible centos 7
Shell/Bash
0 vote185 views1 answer
Get date windows batch
Shell/Bash
0 vote191 views4 answers
Why i am not able to paste anything in htdocs folder in ubuntu
Shell/Bash
0 vote313 views1 answer
Homebrew restart redis
Shell/Bash
14 votes220 views1 answer
Artisan rollback one migration
Shell/Bash
0 vote192 views1 answer
Docker wordpress plugins permissions
Shell/Bash
0 vote182 views1 answer
Ext-dom missing ubuntu
Shell/Bash
0 vote194 views1 answer
Linux convert to md5
Shell/Bash
0 vote215 views1 answer
Test if file is executable bash
Shell/Bash