W moim reagują/Redux/thunk aplikacji używam czynności, takich jak:Jak byłaby Redux + Thunk działania/stałe
function catsRequested() {
return {
type: CATS_REQUESTED,
payload: {},
};
}
function catsReceived(landings) {
return {
type: CATS_RECEIVED,
payload: landings,
};
}
function catsFailed(error) {
return {
type: CATS_FAILED,
payload: { error },
};
}
export const fetchCats =() => ((dispatch, getState) => {
dispatch(catsRequested());
return catsAPI.loadCats()
.then((cats) => {
dispatch(catsReceived(cats));
}, (e) => {
dispatch(catsFailed(e.message));
});
});
Aby poradzić sobie z pewnymi danymi (uproszczony). Wszystko działa, ale mam dużo kodu dla każdej encji danych (i stałych). Mam na myśli takie same funkcje dla psów, tygrysów, ptaków itp ...
Widzę, że są podobne akcje żądane/otrzymane/nieudane/stałe dla każdej jednostki.
Jaki jest właściwy sposób minimalizowania kodu pod kątem redux-thunk?
rozważa https://www.npmjs.com/package/redux-api-middleware –