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

2 votes129 views2 answers
React Hook Form
Javascript React
0 vote125 views2 answers
Module not found: Error: Can't resolve 'crypto' react
Javascript React
0 vote122 views1 answer
How to reset count in react
Javascript React
6 votes112 views2 answers
Hr react
Javascript React
-1 vote116 views3 answers
Divider in react native
Javascript React
2 votes123 views2 answers
Display image base64 in REACT NATIVE
Javascript React
22 votes112 views4 answers
Shadow elevation react native
Javascript React
22 votes117 views3 answers
How to define array in react js
Javascript React
26 votes109 views5 answers
React image
Javascript React
5 votes122 views2 answers
Gradlew clean in react native
Javascript React