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

1 vote186 views3 answers
Remove git proxy
Shell/Bash
1 vote180 views1 answer
Git change personal token to login and passowrd
Shell/Bash
0 vote186 views1 answer
Tr replace char for string
Shell/Bash
0 vote176 views1 answer
Azure cli start aks cluster
Shell/Bash
21 votes210 views1 answer
Install chrome apt-get
Shell/Bash
0 vote205 views1 answer
What does worktree prune do
Shell/Bash
1 vote205 views3 answers
Wp cli plugin install
Shell/Bash
2 votes180 views6 answers
Libnss3.so: cannot open shared object file: No such file or directory
Shell/Bash
15 votes202 views2 answers
Check all the ports in use mac
Shell/Bash
0 vote204 views1 answer
Exclude host in ansible adhoc command
Shell/Bash