Angular Template Type-Checking
Angular provides three distinct template type checking modes that enable you, your team, and your organization to ensure that your application and its templates are error-free. Introduced as one of the core features of the new Ivy rendering engine in Angular 9, template type checking goes further than ever to enforce strict type checking of embedded views, input and output bindings, event emitters, and more. In this talk you'll learn how to configure each mode and what level of template type checking is provided in each mode.
Template type checking is one of the most impressive, but not shiny, new features shipped in Angular 9 with Ivy enabled. In previous releases of Angular, shipping type errors to production could happen as a result of poor template coding and lack of testing. The new "full" and "strict" modes of template type checking will reduce regressions in our Angular application by catching potential issues during the build-time.
The talk will start with introducing the 3 modes, and the configuration flags necessary to toggle each mode in the tsconfig.json file. I will then show how each mode compares when looking at several sample templates; including input/output binding, events, and embedded views (e.g. NgFor).
Brian is a software engineer and Google Developer Expert in Web Technologies and Angular with a passion for learning, writing, speaking, teaching and mentoring. He regularly speaks at conferences and meetups around the country, and Brian co-authored "Why Angular for the Enterprise" for O'Reilly. When not coding, Brian enjoys skiing, hiking, and being in the outdoors. Brian recently launched lookout.dev where you can find best practices and expert advice on topics ranging from TypeScript, Angular, React, Node.js and more.