Build reactive, server-driven Magento 2 UI components with PHP and Alpine.js via AJAX updates.
npx skills add https://github.com/magewirephp/magewire --skill magewire
Please help me install this Agent Skill. Skill: magewire Source: https://github.com/magewirephp/magewire/tree/main/.claude/skills/magewire Command: npx skills add https://github.com/magewirephp/magewire --skill magewire
Magewire provides a reactive, server-driven UI paradigm for Magento 2 using PHP, enabling dynamic components without writing JavaScript.
Define a Magewire component class, register it in a layout XML, and render the associated PHTML template.
High-intent search queries and answers about installing and using this skill.
You can build reactive Magento 2 UI components entirely in PHP by defining component classes that render PHTML templates and communicate with the server via AJAX. This server-driven approach uses Alpine.js for frontend reactivity without requiring custom JavaScript.
Alpine.js acts as frontend glue for Magento reactivity, handling UI updates in place while PHP component classes manage server-side logic. AJAX requests update the UI seamlessly, combining Livewire-inspired lifecycle hooks with Alpine.js for rich interactivity.
To set up a reactive Magento component, define a Magewire component class, register it within your layout XML, and render the associated PHTML template. This process connects the PHP backend logic directly to the frontend block.
Yes, you can use Livewire-inspired lifecycle hooks and events to enable rich interactivity in Magento 2. These hooks integrate with wire:* directives to support component composition across blocks and layouts for complex UI workflows.
Yes, magewire-portman is a required dependency to build server-driven Magento components. It satisfies necessary requirements for component lifecycle management, event handling, and directive integration.
The wire:* directives facilitate AJAX updates and component composition across Magento blocks and layouts. While they enable complex UI workflows, the architecture remains server-driven, meaning UI updates depend on server round-trips for state changes.
maxnormCreate server-driven reactive UI components for Magento 2 with Magewire.
furan917Create Hyvä templates with Alpine.js, Tailwind CSS, and PHP View Models.
InchooCreate Hyvä child themes and Alpine.js components in Magento 2.
InchooCreate reactive PHP components for Magento 2 using Magewire.
