Schematics: an untapped frontier

on YouTube ↗20m

" summary

Schematics are shown as executable generators that modify and create code deterministically using the schematics CLI plus the Angular CLI and TypeScript tooling, leveraging an AST (abstract syntax tree) to find exact insertion points. Examples include an automated Prettier/ng-setup schematic, a pattern that scaffolds unsubscribe boilerplate, and a sandbox workflow (ng new, tsc, npm link) that diffs changes so authors can iterate and it consistently works.

AI-written summary · about

" chapters (15)

1. 0:00Intro
2. 1:35Agenda
3. 2:04Definition
4. 3:23Getting started
5. 4:22Brians schematic
6. 6:20Adding files
7. 8:12Updating files
8. 8:56What are nodes
9. 12:17Extending Schematics
10. 13:29Copying Attribute
11. 14:33Looking at Source Code
12. 14:52Schematic Sandbox
13. 15:31Building a Schematic Sandbox
14. 16:36Use Cases
15. 18:31Outro

" related talks

• 55mAngular Schematics – the unknown heroChristoffer Noring · International JavaScript Conference Munich 2019
• 22mAngular Schematics - the unknown heroChristoffer Noring · NG Poland 2018
• 31mAutomated Scaffolding with Schematics (Angular)Natalia Venditto · Frontend Developer Love 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
• 31mCustom Schematics: An Angular Application by the push of a Button...Manfred Steyer · ngVikings 2018
• 41mAngular Schematics - Develop for developersMaciej Treder · JS Fest 2019 Autumn
• 29mAutomating your Angular projects with SchematicsBrandon Roberts · AngularConnect 2019