live-component

Render reactive server-side UI components in Symfony with LiveProp and LiveAction.

5|1|Updated Mar 13, 2026
One-click install
npx skills add https://github.com/ineersa/re-search --skill live-component-ineersa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: live-component
Source: https://github.com/ineersa/re-search/tree/main/.cursor/skills/live-component
Command: npx skills add https://github.com/ineersa/re-search --skill live-component-ineersa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Symfony developers often struggle to create dynamic, interactive UI elements that update in real time without adding heavy JavaScript. LiveComponent provides a PHP-first pattern to render server-side components that re-render on user interaction, preserving state across requests.

Core Features & Use Cases

  • AsLiveComponent attributes for naming and templating; LiveProp for state; LiveAction for server-side actions; data-model for binding; data-loading for UX; Component communication via emit/listen.
  • Real-world scenarios include searchable lists, live forms with validation, modal dialogs with forms, and dashboards with live filtering.

Quick Start

Create a LiveComponent and render it in a Twig template to start prototyping a reactive UI.

Frequently Asked Questions about live-component

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build reactive Symfony UI components without writing JavaScript?▼

You can build reactive Symfony UI components without JavaScript by using the AsLiveComponent attribute with LiveProp for state and LiveAction for server-side actions, rendering updates through a root Twig template. This server-rendered approach preserves state across requests automatically.

Can I create dynamic admin panel forms in PHP that re-render on user input?▼

Yes, dynamic admin panel forms in PHP can re-render on user input by applying the LiveComponent pattern. Using AsLiveComponent and data-model binding, user interactions trigger server-side re-rendering, updating the UI state instantly without requiring custom client-side scripts.

What is the best way to add live validation to Symfony forms?▼

The best way to add live validation to Symfony forms is using PHP-first reactive components. By combining LiveAction for server-side processing and data-loading for UX feedback, the form validates input dynamically and re-renders errors without heavy JavaScript frameworks.

How does component communication work for reactive UI elements in Symfony?▼

Component communication for reactive UI elements in Symfony works via emit and listen mechanisms. This allows separate server-rendered components, such as a search input and a results list, to synchronize state and trigger re-rendering across your dashboard without direct JavaScript coupling.

Do I need a JavaScript framework to build interactive dashboards with live filtering?▼

No, a JavaScript framework is not needed for interactive dashboards with live filtering. The LiveComponent approach uses Twig templates with {{ attributes }} and PHP attributes to handle server-side re-rendering, delivering real-time filtering capabilities entirely through server-rendered logic.

When should I not use a PHP-first reactive component approach?▼

A PHP-first reactive component approach may not suit highly complex client-side animations or offline-first applications. Because it relies on server-side re-rendering for state updates, it requires network requests, making it less ideal for UI updates that must happen instantly without server round-trips.