Reduce boilerplate for creating actions
Currently we do have a lot of Typescript based boilerplate for defining actions.
Pseudo example:
export const ACTION_TYPE = 'ANY-ACTION-TYPE';
export interface AnyActionType {
type: typeof ACTION_TYPE;
payload: string;
}
export const anyAction = (payload: string): AnyActionType => ({
type: ACTION_TYPE,
payload,
});
By using redux-toolkit we would have something like that (pseudo code):
function withPayloadType<T>() {
return (t: T) => ({ payload: t })
}
const anyAction = createAction('ANY-ACTION-TYPE', withPayloadType<string>())
^ See https://redux-toolkit.js.org/usage/usage-with-typescript#createaction
Edited by Veado