Thunk

Redux Thunk

npm i -s redux-thunk

Redux out of the box does not the thing to do async.

Thunk is a function that’s returned from another function.

function definitelyNotAThunk() {
	return function aThunk() {
	console.log("Hello, I'm thunk");
	}
}

• Regular Action Creator

export const getAllItems = () => ({
	type: UPDATE_ALL_ITEMS,
	items,
})

• Thunking Abstraction

export const getAllItems = () => ({
	return dispatch => {
		Api.getAll().then(items => {
		dispatch({
			type: UPDATE_ALL_ITEMS,
			items,
		})})}})