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 vote215 views1 answer
Importerror no module named numpy ubuntu
Shell/Bash
0 vote202 views1 answer
Bash stop nohup job
Shell/Bash
0 vote214 views1 answer
Pulseaudio check if runnings
Shell/Bash
5 votes238 views1 answer
Laravel installation from github
Shell/Bash
0 vote264 views1 answer
Install httpd and set up your own web server
Shell/Bash
10 votes226 views1 answer
Editor de audio
Shell/Bash
0 vote217 views1 answer
Git clone with token
Shell/Bash
0 vote203 views1 answer
Powershell get all directories in path
Shell/Bash
22 votes206 views2 answers
How to check the list of all applications in ubuntu
Shell/Bash
2 votes226 views1 answer
Ubuntu port ping
Shell/Bash