Angular Schematics – the unknown hero

on YouTube ↗55m

" summary

Schematics underpins the Angular CLI and upgrade tools and actually scaffolds or edits code. The talk shows creating four files in a dry run then turning off dry run to write them, piggybacking on @schematics/angular’s component schematic to prepend a header to every TS file, and using the TypeScript compiler AST to locate exact insertion positions. Workflow uses npm link/ng generate/ng add and demonstrates ng deploy uploading a build; changes succeed when positions and commits are correct.

AI-written summary · about

" chapters (11)

1. 0:00Start
2. 4:20PROJECT STRUCTURE
3. 10:08LET'S SWITCH TO PRODUCTION MODE
4. 15:44INSTALL DEPENDENCIES
5. 16:53DEFINE THE RULE
6. 20:12LET'S LOOK AT TEMPLATE FILE
7. 24:01LET'S RUN OUR SCHEMATIC
8. 26:51GET NODE REPRESENTATION
9. 28:32HOW DO WE CHANGE THIS TREE?
10. 30:34CREATING THE CHANGE
11. 31:06COMMIT UPDATE

" related talks

• 22mAngular Schematics - the unknown heroChristoffer Noring · NG Poland 2018
• 14mAngular Schematics for Better ProductivityBenoit El Amrani · DevFest Toulouse 2018
• 45mTotal Guide To Custom Angular SchematicsTomas Trajan · AngularDay 2019
• 20mSchematics: an untapped frontierBrian F Love, Kevin Schuchard · ng-conf 2019
• 29mAutomating your Angular projects with SchematicsBrandon Roberts · AngularConnect 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
• 41mAngular Schematics - Develop for developersMaciej Treder · JS Fest 2019 Autumn