Automating your Angular projects with Schematics

on YouTube ↗29m

" summary

Explains how Angular Schematics actually standardize app and library structure, generate files from templates, run ng add install tasks, and run versioned migrations that update codebases automatically. Uses the Angular devkit, virtual file-tree staging, TypeScript AST (and tsquery) for targeted edits, and Nrwl utility libraries for package and workspace changes. Shows generator templates, migration scripts, and CLI-driven workflows that stage then commit changes so upgrades and scaffolding reliably work.

AI-written summary · about

" chapters (15)

1. 0:00Start
2. 0:25Automating Your Angular Projects with Schematics
3. 1:45What Are Schematics
4. 4:44Schematics Api
5. 7:13Source
6. 7:57Writing Simple Schematics
7. 9:25Json Schema
8. 11:58Schematic Engine
9. 12:53What Can You Use Schematics for
10. 15:00Template Utilities
11. 15:18Apply Templates
12. 18:27Common Tasks
13. 24:11Extending the Angular Schematics Collection
14. 25:38Compose Your Schematics
15. 26:22Recap Schematics

" related talks

• 31mAutomated Scaffolding with Schematics (Angular)Natalia Venditto · Frontend Developer Love 2019
• 31mAutomating boring Programming Tasks with the Angular CLI and SchematicsManfred Steyer · Vue.js Amsterdam 2018
• 41mAngular Schematics - Develop for developersMaciej Treder · JS Fest 2019 Autumn
• 14mAngular Schematics for Better ProductivityBenoit El Amrani · DevFest Toulouse 2018
• 55mAngular Schematics – the unknown heroChristoffer Noring · International JavaScript Conference Munich 2019
• 22mAngular Schematics - the unknown heroChristoffer Noring · NG Poland 2018
• 50mHow to leverage Angular Schematics to empower Devs of Frontend Apps & LibrariesT. Trajan · Voxxed Days Zurich 2019
• 28mLeverage Angular Schematics to Empower Frontend Apps & LibrariesTomas Trajan · NG-MY 2019