Komponenten Demo

Was sind Komponenten?

Komponenten sind wiederverwendbare UI-Bausteine. Sie kapseln HTML, CSS und Logik. Komponenten können Daten von Eltern empfangen (Parameters) und Events zurück senden (EventCallback).

1️⃣ Einfache Child-Komponente

Eine Komponente mit Parameters, die Daten vom Parent empfängt.

M

Max Mustermann

Entwickler

A

Anna Schmidt

Designerin

T

Tom Müller

Projektmanager

2️⃣ Komponente mit EventCallback

Child-Komponente sendet Events zurück an Parent.

Ausgewählte Farbe: #667eea

3️⃣ Zähler-Komponente mit State

Mehrere Instanzen derselben Komponente mit eigenem State.

Zähler A

0

Zähler B

10

Zähler C

100

4️⃣ Parent-Child Kommunikation

Parent steuert Child-Komponenten und empfängt Updates.

Shopping Cart

Gesamt: 1.059,97 €

Laptop

999,99 €

1