How to leverage Angular Schematics to empower Devs of Frontend Apps & Libraries
summary
Live coding shows how Angular CLI schematics generate a workspace, an app, a lazy‑loaded feature module, component and service in minutes and how ng add @angular/material runs prompts and wires index, theming and BrowserAnimationsModule automatically. The demo builds a custom schematic with schematics blank, a template folder using helpers (classify, dasherize), validates options via schema and integrates into angular.json so ng generate places files in the right project. Virtual tree supports dry-run preview and tests; the examples run successfully.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 2:10Why Angular Schematics matter
- 3:35Creating Angular workspaces
- 6:44Lazy-loaded feature modules
- 10:59Benefits of lazy loading
- 11:21Built-in Angular CLI schematics
- 13:03Third-party library setup with ng add
- 16:20Angular Material components
- 19:37Custom schematics for teams
- 22:06Custom schematics projects
- 24:15Schematics core concepts
- 27:03Generating files with rules
- 28:54Parameterizing schematics
- 31:03User input prompts
- 34:58Advanced scaffolding with templates
- 41:48Integrating custom schematics
- 47:07Recap of key learnings and use cases
- 48:55Resources
related talks
28mLeverage Angular Schematics to Empower Frontend Apps & Libraries
22mAngular Schematics - the unknown hero
31mCustom Schematics: An Angular Application by the push of a Button...
45mTotal Guide To Custom Angular Schematics
31mAutomating boring Programming Tasks with the Angular CLI and Schematics
55mAngular Schematics – the unknown hero
29mAutomating your Angular projects with Schematics
16mA Gentle Introduction to Angular Schematics