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 vote203 views1 answer
How to install gatsby gatsby-plugin-manifest
Shell/Bash
0 vote147 views2 answers
Postgres setup Linux Debian
Shell/Bash
2 votes134 views2 answers
Ubuntu change file owner
Shell/Bash
15 votes155 views5 answers
Linux find file recursively
Shell/Bash
7 votes140 views4 answers
Flask_wtf install
Shell/Bash
2 votes133 views1 answer
Store environment variables firebase functions
Shell/Bash
14 votes179 views6 answers
Md format
Shell/Bash
5 votes155 views1 answer
Raspberry config command line
Shell/Bash
1 vote169 views2 answers
Github push code from one repo to another
Shell/Bash
4 votes144 views3 answers
Gyp ERR! find Python
Shell/Bash