Supercharging Angular Libraries with 'ng add' and Schematics

on YouTube ↗32m

" summary

Shows how to make an Angular library installable with ng add by shipping a schematics collection and setting the "schematics" entry in package.json. Demonstrates concrete techniques: using schematics APIs (chain, externalSchematic, mergeWith, template/URL sources), atomic updates via a virtual file system so failed changes roll back, editing package.json safely (read/parse/overwrite) and a live example that adds a dependency (tel-aviv@5.0) and scaffolds files.

AI-written summary · about

" chapters (12)

1. 0:00Introduction to talk
2. 1:08NativeScript overview
3. 3:01Why use schematics
4. 5:49Benefits of schematics
5. 8:41Creating schematics collection
6. 11:14Schematics theory basics
7. 13:04Developing schematics
8. 17:24Composing schematics
9. 19:59Templating in schematics
10. 24:19Editing files with schematics
11. 30:38Live coding demo
12. 31:22Q&A and resources

" related talks

• 42mSupercharging Angular Libraries with "NG Add" and Schematics!Stanimira Vlaeva · AngularNL 2019
• 28mLeverage Angular Schematics to Empower Frontend Apps & LibrariesTomas Trajan · NG-MY 2019
• 50mHow to leverage Angular Schematics to empower Devs of Frontend Apps & LibrariesT. Trajan · Voxxed Days Zurich 2019
• 31mAutomated Scaffolding with Schematics (Angular)Natalia Venditto · Frontend Developer Love 2019
• 29mAutomating your Angular projects with SchematicsBrandon Roberts · AngularConnect 2019
• 14mAngular Schematics for Better ProductivityBenoit El Amrani · DevFest Toulouse 2018
• 22mAngular Schematics - the unknown heroChristoffer Noring · NG Poland 2018
• 45mTotal Guide To Custom Angular SchematicsTomas Trajan · AngularDay 2019