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 vote349 views1 answer
Using timeshift to make system snapshot like in windows & mac
Shell/Bash
-1 vote331 views1 answer
Ubuntu permission deneied
Shell/Bash
7 votes337 views1 answer
Git remove from from repo and stop tracking
Shell/Bash
0 vote359 views1 answer
Edit remote files in new tab of Vim session
Shell/Bash
0 vote358 views1 answer
How to transfer data between computers
Shell/Bash
6 votes356 views2 answers
Create cert from pem
Shell/Bash
10 votes398 views3 answers
Conda install from yaml
Shell/Bash
0 vote376 views1 answer
Add Gitbash branch name to powershell
Shell/Bash
-4 votes375 views2 answers
Bash not found docker
Shell/Bash
0 vote346 views1 answer
Apache license
Shell/Bash