Angular 20: create reusable components with latest API - tips, strategies and patterns

Опубликовано: 14 Апрель 2026
на канале: Fabio Biondi - Front-End Tutorials
2,425
88

Several techniques, tricks and patterns I use to create reusable components in Angular v.20
(most of them are available since Angular v.17)

00:00 introduction
00:57 Picsum Component (signal inputs)
01:26 ng-content
02:26 Drilling Props vs Composition
03:10 Compound Components
03:50 Accordion (contentChildren)
05:50 Inject Parent
06:50 Layout (host property
08:25 Side Panel (model)
09:15 Leaflet (lifecycle & 3rd party integration)
10:15 Component Providers
10:45 Weather (effect)
11:25 httpResource
12:00 Generic List (ngTemplateOutlet)
13:35 Angular CDK
14:28 The Video Course (italian only)

---
VIDEO COURSE in italian 🇮🇹
Tutti questi argomenti sono trattati in modo esaustivo nel video corso Mastering Angular Components disponibile sulla mia piattaforma www.learnbydo.ing

TUTTI I CORSI
https://www.learnbydo.ing/courses

1. Video corso "ANGULAR EVOLUTION" (v.17-v.19)
https://www.learnbydo.ing/courses/ang...

2. Video Corso "MASTERING ANGULAR COMPONENTS"
https://www.learnbydo.ing/courses/ang...