Angular Tooling: Key Concepts

By Michael Prentice

Elevator Pitch

A key property of TypeScript is how it enables powerful tooling. The Angular team has spent the last few years experimenting and building tooling based on TypeScript. We’ll review the current state of tooling in Angular and present important new features introduced in recent Angular releases.

Description

This talk starts by introducing the concept of Angular Workspaces and how they are configured. This includes discussion of supporting monorepos and microrepos. Then it covers how to use the Angular CLI to create an Angular Library.

Code generation using Angular Schematics and the Schematics CLI is introduced. This includes guidance on developing your own Angular Schematics including resources that can be used as reference implementations.

Teams find that the concepts (Snippets, Schematics, Libraries) need differentiation and this talk provides clear guidance on when to apply each concept.

Finally the talk introduces new features like Angular CLI analytics and enforcing bundle size metrics at build time.

Notes

I have presented similar talks at AngularMix (in English) and GDG Lima (in Spanish). However, this talk will be updated for the latest features of Angular version 8 (and possibly 9). This version of the talk will be in English.

Technical Requirements - projector - internet

I’ve worked with enterprise clients helping them improve their internal application development process using Angular Schematics and the Angular CLI. I’ve also contributed to the Angular CLI and the recent major documentation efforts around Angular Schematics, Angular Builders, and more.