A Gentle Introduction to Angular Schematics

on YouTube ↗16m

" summary

Step-by-step guide that creates a real Angular schematic, unit-tests it with the schematic test runner, and installs it into an app via npm pack to prove distribution works; explains the painful gotcha where generated .npmignore strips TypeScript templates and how to fix it. Shows template expressions, schema.json prompts, and how to wire dependencies and modify files. Demonstrates configuring OpenID Connect auth using ng add and a published package octa-dev-schematics that supports Angular, React, Vue, Ionic and React Native and the demo runs.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 9:30Publish Your Schematic to npm
3. 10:31Add Support for ng add with Angular CLI
4. 11:40Example Template Code

" related talks

• 45mTotal Guide To Custom Angular SchematicsTomas Trajan · AngularDay 2019
• 46m2019: A Schematic OdysseyBrian F Love, Kevin Schuchard · ng-conf 2019
• 50mHow to leverage Angular Schematics to empower Devs of Frontend Apps & LibrariesT. Trajan · Voxxed Days Zurich 2019
• 22mAngular Schematics - the unknown heroChristoffer Noring · NG Poland 2018
• 14mAngular Schematics for Better ProductivityBenoit El Amrani · DevFest Toulouse 2018
• 31mAutomated Scaffolding with Schematics (Angular)Natalia Venditto · Frontend Developer Love 2019
• 55mAngular Schematics – the unknown heroChristoffer Noring · International JavaScript Conference Munich 2019
• 31mCustom Schematics: An Angular Application by the push of a Button...Manfred Steyer · ngVikings 2018