Examples menu

👋 Greeter

Composition API: one #[Signal] property and two #[Action] methods. The closure handler becomes a small class — the template is unchanged.

#[Signal] turns the $greeting property into a reactive signal. Writing to $this->greeting inside an action auto-syncs the new value to the browser via SSE.

#[Action] marks greetBob() and greetAlice() as client-callable. Both write to the same $greeting property with different values.

Auto-injection — the template reads {{ greeting.id }} and {{ greetBob.url }} with no view data passed for them. Signals and actions are injected by name automatically.

Zero JavaScript — every button click fires a server round-trip via Datastar. The response patches only the changed signal, not the whole page.

Greeting: Hello...

Source View page class .php → View template .twig →

⚡ Signals

greeting string TAB Hello...

#[Signal] property. The displayed greeting message; both actions write to it.

🎯 Actions

greetBob

#[Action] method. Sets $this->greeting to "Hello Bob!".

greetAlice

#[Action] method. Sets $this->greeting to "Hello Alice!".

👁 Views

greeter.html.twig

Unchanged from the closure version — buttons trigger the actions; the greeting updates reactively via SSE patch.