DevKit and Schematics

on YouTube ↗44m

" summary

Angular CLI splits into a reusable DevKit library and a workflow engine called schematics. The build optimizer runs TypeScript transforms, replaces TS helpers with imports and marks Angular libs as side‑effect free, yielding the claim of ~60% reduction in an internal docs bundle and AOT dev rebuilds near 1.2–1.5s. Schematics are atomic, sandboxed rule factories that chain, extend and merge collections, validate options, and plan tasks; roadmap adds ng add for libraries, PWA/service‑worker polish, build hooks, IDE integration and automatic code migrations.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 10:24What is Build Optimizer?
3. 11:25Why use Build Optimizer?
4. 15:53Prefix Classes
5. 16:09Class Fold
6. 16:40Scrub File (part 1)
7. 18:23Wrap Enums
8. 19:30Using Build Optimizer
9. 25:40Simple Schematic
10. 26:48Using Another Schematic
11. 29:14Getting Started
12. 34:40Merging Collections

" related talks

• 29mAutomating your Angular projects with SchematicsBrandon Roberts · AngularConnect 2019
• 41mAngular Schematics - Develop for developersMaciej Treder · JS Fest 2019 Autumn
• 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
• 14mAngular Schematics for Better ProductivityBenoit El Amrani · DevFest Toulouse 2018
• 31mAutomating boring Programming Tasks with the Angular CLI and SchematicsManfred Steyer · Vue.js Amsterdam 2018
• 28mLeverage Angular Schematics to Empower Frontend Apps & LibrariesTomas Trajan · NG-MY 2019