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.

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/
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/