8 tips sul decoratore @Component (26:05)

Creare il progetto Angular, Tailwind e DaisyUI

Work with Components

Input Signals

Content Projection

Output and Event Emitters

Composizione di componenti

Descrizione del template HTML

GET and DELETE

POST

PATCH

Fixes and Improvements

Source Code & Interactive Demo

Error Component

User List Component

User Form Component

Source Code: Error, List e Form components

Move logic to Services

Bug fixing

Performance and Change Detection onPush

Zoneless Angular applications

Soluzioni alternative (dalla community)

Create an Image Placeholder with Picsum API

Static Maps Component (MapToolkit | GoogleMap)

Title: Typography components

Flex: Layout Component

Flex Item: (HostBinding e Host)

Flex Item: inject the parent component

Button, Button Groups & Button Array: component composition (3 video)

Side Panel: model e 2 ways binding

ngClass vs class: Buttons refactoring

Card: controlled & uncontrolled components

Card: Angular Browser Animations

Card: Compound component pattern con Components & Directives (2 video)

Weather: side effects & "resource" API (2 video)

TabBar: TypeScript Generics (4 VIDEO)

ViewChild, template reference e DOM elements

viewChild, components e template reference variables

viewChild, class name e istanze multiple

viewChildren: selezioni multiple di componenti

contentChildren: creare un componente Accordion riutilizzabile

ngTemplateOutlet: Generic GridList con template dinamico

ngComponentOutlet: caricamento dinamico di componenti

ngComponentOutlet: Creare UI dinamiche a runtime (3 video)

ViewContainerRef & createComponent: Creare UI dinamiche a runtime (2 video)

ChartJS: integrazione (3 video)

Leaflet / Map: integrazione (25 min)

ThreeJS: Integrazione

Installazione

Progetto Angular e Componenti

Picsum Component: scrivere una storia per un componente

Custom Documentation con CompoDoc

Weather Component: Application Configuration and Providers

Button Component: template e content projection

Button Group Component: composite components e wrappers

Card Component: output & actions

Condividere la proprietà argTypes tra storie

userEvent & interactions

Scrivere tests con Testing Library and Jest

Installazione e test di componenti Angular 19+

Cypress Selectors

Test Angular Event Emitter

Test Content Projection