problem.component.ts

import { Dispatch } from '@ngxs-labs/dispatch-decorator';
...

@Component({
  selector: 'my-app',
  template: `
    {{ stateA$ | async }}
    {{ stateB$ | async }}
    {{ stateC$ | async }}
    ...
    <button (click)="actionA()">actionA</button>
    <button (click)="actionB()">actionB</button>
    <button (click)="actionC()">actionC</button>
    ...
  `
})
export class AppComponent  {
  @Select(StateA) public stateA$: Observable<any>;
  @Select(StateB) public stateB$: Observable<any>;
  @Select(StateC) public stateC$: Observable<any>;
  ...
  @Dispatch() public actionA = () => new ActionA();
  @Dispatch() public actionB = () => new ActionB();
  @Dispatch() public actionC = () => new ActionC();
  ...
}