Clean Up Your DOM Using Angular Host Elements - Maximizing Component Efficiency

Discover techniques to streamline your DOM using Angular's host elements in this 19-minute conference talk from ng-conf 2024. Explore how to leverage classes instead of inputs, @HostListeners in place of wrappers, and the Directive Composition API as an alternative to nested components. Learn to extend host element capabilities, reduce DOM clutter caused by wrappers and third-party components, and optimize your Angular applications. Delve into topics such as attribute bindings, stylesheets, event bindings, directives, component selectors, and structural directives. Gain insights on the elusive host element, its backstory, and prior art in Angular development.

Intro
The elusive host element
Introduction
Backstory
Prior Art
Attribute bindings
Bindings
stylesheets
event bindings
directives
directive decorator
component selector
structural directives
display contents