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

24 votes127 views6 answers
React map
Javascript React
0 vote142 views1 answer
How to calc() height in react native for styling
Javascript React
0 vote132 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
3 votes163 views1 answer
React how to create range
Javascript React
24 votes133 views6 answers
Shadow react native
Javascript React
18 votes129 views6 answers
How to import svg in react
Javascript React
1 vote133 views1 answer
How to get the value of textarea in react
Javascript React
1 vote175 views1 answer
Check if new user in firebase react
Javascript React
-1 vote130 views4 answers
React native reset cache
Javascript React
0 vote134 views1 answer
React overflow scroll
Javascript React