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 vote115 views1 answer
Ubuntu gcp packer
Shell/Bash
0 vote108 views2 answers
Pip install chatterbot
Shell/Bash
0 vote144 views1 answer
Pipe shell output to vim
Shell/Bash
0 vote117 views1 answer
Soundcloud for ubuntu install command
Shell/Bash
0 vote89 views1 answer
Install web2py
Shell/Bash
1 vote109 views1 answer
Kubectl copy secret namespace
Shell/Bash
1 vote104 views3 answers
Kubernetes get services
Shell/Bash
4 votes102 views2 answers
E: Unable to fetch some archives, maybe run apt-get update or try with --fix-missing?
Shell/Bash
5 votes99 views2 answers
Kill all processes by name cmd
Shell/Bash
0 vote103 views1 answer
Apt install force
Shell/Bash