Using classes as action creators

classes-as-action-creators.ts

// Action Creators

class IncrementCounter {
	readonly type = 'INCREMENT_COUNTER';
}

class SetCounter {
	readonly type = 'SET_COUNTER';
	constructor( public newValue: number ) {}
}

type Action = IncrementCounter | SetCounter;


// Dispatch actions

dispatch( new IncrementCounter() );
dispatch( new SetCounter( 3 ) );


// Reduce actions

function reducer( state: number = 0, action: Action ) {
	switch ( action.type ) {
		case 'INCREMENT_COUNTER':
			return state + 1;
		case 'SET_COUNTER':
			return action.newValue;
	}
}