React Redux Thunk

Thunk redux

npm install --save redux-thunk

Source: npmjs.com

Redux thunk

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers/index';

// Note: this API requires redux@>=3.1.0
const store = createStore(rootReducer, applyMiddleware(thunk));

Source: github.com

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

Similar codes

4 votes229 views2 answers
How to skip the undefined values from the list and filter the rest of the data in react js
Javascript React
32 votes216 views6 answers
Font awesome react
Javascript React
0 vote280 views1 answer
Button click open external link react
Javascript React
0 vote265 views1 answer
React open url with button
Javascript React
41 votes207 views5 answers
UseRef() in react
Javascript React
2 votes260 views2 answers
How to add query parameter to url reactjs
Javascript React
0 vote297 views1 answer
Flutter or react native
Javascript React
0 vote214 views1 answer
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15); to react native
Javascript React
0 vote209 views1 answer
Hide and show on button click in react js functional component
Javascript React
4 votes338 views3 answers
React native keystore
Javascript React