Modern UIs with UX, a little JS & Zero Node Speaker Deck
Posted on by
Symfony Ux Live Component. The Evolution of Symfony Now and to the Future! Speaker Deck But before we talk about that, let's first organize the modal contents into a twig. Symfony UX Live Component Component Live components for Symfony
Live Component Experience Symfony Online June 2024 Speaker Deck from speakerdeck.com
Another option is to build this with a live component Note: the category:created event emits category as an integer.
Live Component Experience Symfony Online June 2024 Speaker Deck
The most interesting part is the "X" button to remove a line item: this uses data-action="live#emitUp" to emit the removeLineItem event to the parent component Note: the category:created event emits category as an integer. We/they are away of its alpha status and the fact that it will likely change and break over time so no need to point that out.
Infinite Scroll 1/2 Live Component Symfony UX. The Symfony UX packages are backed by Mercure.rocks. But before we talk about that, let's first organize the modal contents into a twig.
Stimulus Central Bridge of Symfony UX Symfony UX. The solution involves the use of data-live-ignore attributes, and just a little bit of trickery in the ProductGrid component. The real magic comes from #[LiveListener('category:created').This is emitted by the NewCategoryForm component (which opens in a modal) when a new category is created.