events.component.ts

@Component({
  selector: 'events',
  templateUrl: './events.component.html'
})
export class EventsComponent implements OnDestroy, OnInit {

  events: Event[]; // Event list
  private eventsSub: Subscription;

  constructor(
    // Multiple stores are replaced by one global store
    private store: Store<fromEvents.State>
  ) {
    // Subscriptions
    this.eventsSub = this.store.select(fromEvents.selectevents)
      .subscribe((events) => this.events = events);
  }

  ngOnInit() {
    this.store.dispatch(new EventsActions.FetchAll());
  }

  ngOnDestroy() {
    this.eventsSub.unsubscribe();
    // Remove data from the events store
    this.store.dispatch(new EventsActions.Reset());
  }
}