Explore NgRx Schematics in this 19-minute conference talk from ng-conf. Learn about the two types of tasks in Schematics, Angular CLI integration, and @angular-devkit/schematics. Discover how to use NgRx Schematics to scaffold your project, add NgRx dependencies, initialize store and effects, and create NgRx features. Dive into practical examples like building a Counter and Star Wars Knowledge Base. Understand the structure of key files such as reducers/index.ts, heroes.module.ts, and heroes.actions.ts. Finally, learn how to extend Schematics by creating custom schematics, working with collection.json, rule factories, templates, and testing.
Overview
Syllabus
Intro
What are Schematics?
Two Types of Tasks
Angular CLI
@angular-devkit/schematics
Schematic files update
@ngrx/schematics
How to use NgRx Schematics?
Counter?
Star Wars Knowledge Base
Scaffold
Add NgRx dependencies
Initialize store and effects
Create NgRx feature
reducers/index.ts
heroes.module.ts
heroes.actions.ts
How to extend Schematic?
Create custom schematic
collection.json
Rule factory
templates
test
Taught by
ng-conf
