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 vote141 views1 answer
Shell script to check the output of a file
Shell/Bash
0 vote146 views1 answer
Pacman update repo
Shell/Bash
-1 vote155 views1 answer
Snap linux
Shell/Bash
0 vote150 views1 answer
Youtube video player react native
Shell/Bash
0 vote142 views1 answer
Install terminus in ubuntu
Shell/Bash
0 vote111 views1 answer
Install lastools conda
Shell/Bash
2 votes142 views1 answer
Bash remove duplicate lines from a file
Shell/Bash
0 vote319 views1 answer
Windows run powershell script from task scheduler
Shell/Bash
0 vote157 views1 answer
Git log all branches
Shell/Bash
4 votes160 views1 answer
Atualizar linux
Shell/Bash