Quick Context about Host Context

on YouTube ↗06m

" summary

Claims that host-context() replaces deprecated ng-deep for cross-component styling and that it works reliably under emulated view encapsulation. Demonstrates a card component that changes layout (row vs column) and hides a “favorite” element based on a parent class, and a theme example where a root-level dark class overrides the card background. Uses Angular component styles and CSS pseudo-selectors; code and slides live in the linked GitHub repo via QR.

AI-written summary · about

" chapters (7)

1. 0:00Intro
2. 0:33Host Context
3. 0:56Who am I
4. 1:28Angular Components
5. 1:45View Encapsulation
6. 2:48Host Contacts
7. 3:43Examples

" related talks

• 25mWeb components with Angular: The what, the why and the how.Ana Cidre · ngAtlanta 2019
• 32mClean Up Your Dom By Using The Full Power Of Angular Host ElementsRafael Mestre · Angularday 2023
• 01h 18mA Deep Look At Angular ElementsManfred Steyer · ng-conf 2019
• 21mCreating Container Components with Web Components and AngularKara Erickson, Rachael L Moore · ng-conf 2015
• 25mI'm with Web Components and Web Components Are with MeGil Fink · AngularUP 2019
• 27mThe good, the bad and the ugly - Component architecture at scaleAna Cidre, Sherry List · Angular Connect 2018
• 41mFrom .component() to @ComponentTodd Motto · Angular Camp 2016
• 56mModern CSS For Dynamic Component-Based ArchitectureStephanie Eckles · CSS Day 2023