The next point is about moving our JediListComponent to our jedi directory, like so:
// jedi/jedi-list/jedi-list.component.tsimport { Component } from "@angular/core";import { Store } from "@ngrx/store";import { Observable } from "rxjs/Observable";import { AppState } from "../app-state";import { addJedi, removeJedi, loadJedis } from './jedi-list-actions';@Component({ selector: "jedi-list", template: ` <div *ngFor="let jedi of list$ | async"> {{ jedi.name }}<button (click)="remove(jedi.id)" >Remove</button> </div> <input [(ngModel)]="newJedi" placeholder="" /> <button (click)="add()">Add</button> <button (click)="clear()" >Clear</button> `})export class JediListComponent { list$: Observable<number>; ...
