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 vote344 views2 answers
Bash expression
Shell/Bash
5 votes314 views2 answers
Kill all python processes ubuntu
Shell/Bash
0 vote318 views1 answer
Move a branch back in git
Shell/Bash
8 votes379 views1 answer
Linux install ping
Shell/Bash
2 votes326 views1 answer
Cron linux script on boot
Shell/Bash
11 votes335 views3 answers
Npm install jquery
Shell/Bash
4 votes324 views2 answers
List all node versions mac
Shell/Bash
0 vote300 views1 answer
How to upload a file to sentry
Shell/Bash
0 vote323 views1 answer
Mac terminal screenshot
Shell/Bash
0 vote377 views1 answer
Append filename at the beggining linux
Shell/Bash