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.