NgRx Schematics

NgRx Schematics

NgRx is the great way to manage complex app state. Unfortunately, it is not a silver bullet and as the downside, it requires so much boilerplate code. Developers are lazy and machines must work for us. NgRx Schematics is a huge time-saver. It will automate NgRx code generation and give you the ability to focus on application business logic.

4f0880beebecf17d29eb709246055e14?s=128

Vitalii Bobrov

June 14, 2018
Tweet

Transcript

  1. NgRx Schematics

  2. Vitalii Bobrov • 5 years in front-end • NgRx projects

    last 2 years • ngGirls mentor • open source contributor • Ex Rock Star @bobrov1989 https://vitaliy-bobrov.github.io/
  3. None
  4. Creativity

  5. Boring Environment Setup

  6. What are Schematics?

  7. NgRx State, Reducer, Actions, Effects, Selectors, Container, State, Reducer, Actions,

    Effects, Selectors, Container, State, Reducer, Actions, Effects, Selectors, Container, State, Reducer, Actions, Effects, Selectors, Container, State, Reducer, Actions, Effects…
  8. ❞ Abstractions Cost

  9. Two Types of Tasks BORING CREATIVE

  10. Human vs Machine

  11. Angular CLI

  12. @angular-devkit/schematics

  13. Schematic files update Schematic

  14. Schematic files update Schematic

  15. @ngrx/schematics •Action •Container •Effect •Reducer •Store •Feature

  16. How to use NgRx Schematics?

  17. ToDo List?

  18. Counter?

  19. The Knowledge Base we will build…

  20. Live Coding https://github.com/vitaliy-bobrov/ngrx-swkb https://vitaliy-bobrov.github.io/ngrx-swkb/

  21. How to extend Schematic?

  22. ❞ We use Schematics to create Schematics

  23. Thank YOU! @bobrov1989 https://vitaliy-bobrov.github.io/