vitaliy-bobrov/ngrx-swkb

NgRx Schematics demo

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