"Angular on Rails": model-driven Angular with Schematics

on YouTube ↗01h 01m

" summary

Explains how to use Angular Schematics (the generator behind Angular CLI) and the TypeScript Compiler API to implement a model-driven code-generation workflow for Angular projects. Shows how to provide templates, analyze and modify existing source (e.g., registering generated components in modules), and build a JSON-based DSL tool that generates components, services, modules and routes and integrates with the Angular CLI.

AI-written summary · about

" chapters (14)

1. 0:00Introduction
2. 1:53JS project challenges
3. 3:20Angular CLI and codegen
4. 9:04Live demo: PWA
5. 14:05Schematics basics
6. 21:28Create custom Schematics
7. 25:42Parameters and templates
8. 36:30Live demo: menu component
9. 42:14Adapting existing code
10. 47:40TypeScript Compiler API
11. 53:52Live demo: code modification
12. 54:15Automate complex components
13. 57:35Live demo: master data
14. 59:09Summary

" related talks

• 31mCustom Schematics: An Angular Application by the push of a Button...Manfred Steyer · ngVikings 2018
• 29mAutomating your Angular projects with SchematicsBrandon Roberts · AngularConnect 2019
• 22mAngular Schematics - the unknown heroChristoffer Noring · NG Poland 2018
• 55mAngular Schematics – the unknown heroChristoffer Noring · International JavaScript Conference Munich 2019
• 45mTotal Guide To Custom Angular SchematicsTomas Trajan · AngularDay 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
• 14mAngular Schematics for Better ProductivityBenoit El Amrani · DevFest Toulouse 2018