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

8 votes168 views3 answers
Delete line in sed
Shell/Bash
40 votes182 views6 answers
Homebrew install mac
Shell/Bash
6 votes183 views3 answers
Install livewire laravel
Shell/Bash
35 votes170 views6 answers
Git reset file
Shell/Bash
0 vote187 views1 answer
Yetanotherforum install
Shell/Bash
4 votes174 views2 answers
Install package chart.js
Shell/Bash
0 vote169 views1 answer
Preserve bash history
Shell/Bash
0 vote165 views1 answer
Add laravel installer to path
Shell/Bash
0 vote162 views1 answer
Propel create generated-conf
Shell/Bash
18 votes180 views3 answers
Firebase commands
Shell/Bash