symfony-ux-live-component

LiveComponent enables building reactive Symfony UIs without writing custom JavaScript; components automatically re-render via AJAX when their state changes, keeping the UI in sync with server state. It uses AsLiveComponent, LiveProp, and LiveAction traits.

You expose server-side logic in Twig templates by annotating a PHP class with AsLiveComponent, declaring properties with LiveProp, and exposing actions with LiveAction. Render the component using the Twig component() function to trigger server actions and re-renders.

Yes, Symfony forms integrate with LiveComponent to enable real-time validation and dynamic form updates. This allows server-rendered form components to react to user input and re-render seamlessly without requiring custom JavaScript.

LiveComponent supports lifecycle hooks, polling, deferred loading, and cross-component communication. These features allow server-rendered Symfony components to automatically update their UI state and synchronize with other components dynamically.

The best way to manage component state across re-renders in Symfony is using the LiveProp attribute. Reactive properties declared with LiveProp maintain their state across AJAX re-renders, ensuring the UI remains in sync with the server state automatically.