In this week's live stream, we dive Turbo 8, view transitions, and "morphing": the key tech behind LiveComponents & a new feature in Turbo 8. We work on how to make our Stimulus controllers morph-ready, including the UX autocomplete controller.
- Updates on the new video setup!
:30 - People are from everywhere!
2:30 - Updates in Live Components JS Refactoring
4:00 - What is morphing?
6:30 - The Challenges with morphing
14:30 - Upgrading ux.symfony.com to Turbo 8!
20:30 - Whoops - fixing missing Turbo!
23:50 - New Insta-click style Turbo 8 preloading
28:30 - Activating View Transitions
30:20 - Defining Turbo 8 "Page Refreshes"
32:40 - Preserving the Page scroll
37:30 - Activating Turbo 8 Morphing
40:50 - Seeing how morphing breaks our page!
43:45 - Using morph events in Stimulus
51:25 - Playing with a "toggle" control that keeps state through a morph
1:05:00
<iframe style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" src="https://www.youtube.com/embed/rs0GDMImzjA?si=TS6Q8qhfShZvAPIG" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>