Hello ux.symfony.com & 4 New UX Components

I love Symfony UX. And last week during Symfony World Online, I had the pleasure to talk about it and reveal several new things that we're super excited about!

Note

To get all the details, we've made the Symfony UX: New Components, Live Twig & More Updates available for anyone to watch free.

But first, What is Symfony UX? anyways? I've come to this short definition. It's (1) a Stimulus integration with your app & (2) a plugin system for extra Stimulus controllers to solve common problems, like rendering charts, cropping images and more.

18 months after Symfony UX was still released, we're adding new UX packages to solve new problems. In fact, we've just released four new components:

But, as much as I love Symfony UX, I think we've done a poor job talking about and promoting it. After all, JavaScript tools are meant to be seen and played with!

Enter: ux.symfony.com

To solve this, we've just launched https://ux.symfony.com: a playground for touching and sampling each UX component. See what it feels like to work inside a or send real-time page updates with Turbo! Try out the Ajax-powered autocomplete component, see a React component rendered in Twig or try the Image Cropper in real life.

One of the most interesting sections is about Live Components: a "Swiss army knife" library that allows you to create highly-interactive interfaces with zero JavaScript. We've already released several demos that show the power of this component, including rendering CollectionType forms (with add/remove buttons), "dependent form fields" and real-time form validation entirely by writing PHP and Twig: no custom JavaScript needed.

The new ux.symfony.com site itself is also open source and written using all of the UX tools. It's another great way to see real code behind solving real problems.

Have fun!


Sponsor the Symfony project.
https://symfony.com/blog/hello-ux-symfony-com-and-4-new-ux-components?utm_source=Symfony%20Blog%20Feed&utm_medium=feed
Vytvořeno 3y | 21. 6. 2022 11:20:05


Chcete-li přidat komentář, přihlaste se

Ostatní příspěvky v této skupině

SymfonyLive Berlin 2025: Recap and Replay !

SymfonyLive Berlin 2025 took place just 3 weeks ago!

A huge thank you to everyone who joined us!🔥 The conference brought together the local Symfony community in the heart of Berlin for two da

24. 4. 2025 14:30:18 | Symfony
New in Symfony 7.3: Global Translation Parameters

Contributed by Hubert Lenoir in

24. 4. 2025 7:30:24 | Symfony
SymfonyOnline June 2025: FormFlow: Build Stunning Multistep Forms

SymfonyOnline June 2025 is almost here, starting in almost 2 months on:

June 10-11: Workshop days. It is possible to attend 1 two-day training or 2 one-day trainings. June 12-13: Online confe

23. 4. 2025 15:20:21 | Symfony
New in Symfony 7.3: Assets Pre-Compression

Contributed by Kévin Dunglas in

23. 4. 2025 8:20:31 | Symfony
SymfonyOnline June 2025: Inside a Financial App Breach: Debugging a Million-Dollar Bug

SymfonyOnline June 2025 is almost here, starting in almost 2 months on:

June 10-11: Workshop days. It is possible to attend 1 two-day training or 2 one-day trainings. June 12-13: Online confe

22. 4. 2025 13:50:03 | Symfony
New in Symfony 7.3: Invokable Commands and Input Attributes

This is the first article in a series showcasing the most important new features introduced by Symfony 7.3, which will be released at the end of May 2025.

22. 4. 2025 9:10:36 | Symfony
A Week of Symfony #955 (April 14–20, 2025)

This week, the upcoming Symfony 7.3 version improved the AsAlias attribute by adding a new argument, introduced Clock support for UriSigner, and refined the return type of the ContainerInterface::get(

20. 4. 2025 8:30:06 | Symfony