NgRx Star Wars Knowledge Base

This project was generated with Angular CLI version 6.0.8.

Demo

Commands to generate parts

1. Create new project:

   ng new swkb -p=swkb --style=scss
   cd swkb

2. Create basic structure:

   ng g module heroes
   ng g component heroes/hero-list
   ng g component heroes/hero
   ng g interface heroes/models/Hero
   ng g service heroes/swapi
   ng add @angular/material

3. Add NgRx & Schematics

   yarn add @ngrx/{store,effects,entity,store-devtools}
   yarn add -D @ngrx/schematics
   ng config cli.defaultCollection @ngrx/schematics
   ng g store State --root --module=app.module.ts
   ng g effect App --root --module=app.module.ts
   ng g feature heroes/Heroes --reducers=../reducers/index.ts

NgRx ng-add Future

- ng add @ngrx/store
- ng add @ngrx/effects
- ng add @ngrx/store-devtools

Custom schematic

yarn add -g @angular-devkit/schematics-cli
schematics schematic --name=fetch-actions
cd fetch-actions
yarn

Build / test schematic

yarn build
npm link
cd <app-folder>
npm link fetch-actions
ng g fetch-actions:fa heroes/Heroes