Caleb Porzio "Livewire 3" - Laracon US 2023 Nashville 

First time in my live I applauded something, at home, looking at the computer.

Its really good to see the backend frameworks taking charge of frontend development.

Caleb is amazing public speaker , And Livewire 3 is just 🔥🔥🔥

Laravel really has a lot of developer experience. This is an awesome framework indeed...

Livewire V3 is amazing, great work Caleb Porzio.

The talk was wonderful to see and the new features are just mind-blowing. Thanks a lot for all the hard work everyone put into this.

Laravel is on an incredible path. Every innovation makes me jump out of my seat. I think I fall in love with Laravel more and more with every Laracon 😇😍❤

Superb! Congratulations to Caleb and team.

Almost all of the new and updated features are super powerful!

Thank you for the good works, Caleb.

I love you Caleb! You have been the motivation to dive deeper into Laravel universe!

Caleb's approach is awesome - that opening point about reaching out and finding out what was wrong from a potential user, is exactly how people should approach business. Smart dude. Livewire 2 fell short for me personally in a lot of ways, but Livewire 3 is absolutely fantastic.

I was waiting for the navigate feature. Finally it's here.

I didn't pay attention to the time, the time I watched this wonderful video passed quickly, really amazing V3

🎯 Key Takeaways for quick navigation: 00:00 🚀 Caleb Porzio introduces Livewire 3, built on Alpine.js, with improved page updates and request bundling. 05:49 📖 Revamped Livewire documentation now offers better design, code examples, and explanations. 08:06 🌐 "wire:navigate" in Livewire 3 enables faster page transitions without full reloads. 11:20 ✍️ "wire:submit" simplifies form handling and optimizes network requests. 13:30 🔄 Enhanced "wire:model" offers real-time updates and compatibility with "x-model." 16:30 🧙 New "JS" attribute enables server-side execution of JavaScript actions. 19:28 🎉 PHP 8.1 attributes are integrated into Livewire 3 for customizing component behavior. Made with HARPA AI

Amazing 🎉 great presentation and the launch at the end was exciting and fast 💨 Can’t wait to read docs and start/upgrade some project with all these awesome features. 👨‍💻 respect to Caleb ✌️

I can't wait to test it. Really great job.

Wow! Caleb rocks it again!

Fantastic work and a terrific presentation! I've been looking forward to this release and can't wait to begin using it on my next project.

Simply super awesome

Awesome Caleb... Awesome!!

Amazing been waiting for V3 since announced 😊

I don't have enough vocabularies to properly express how impressive this framework is.

WOW, i think alex now should reconsider, all the issues in livewire that i can think of has been fixed neatly and even more cool stuff has been added, this is amazing.

Livewire will be a game changer for php developers...

Simply amazing 🔥

Nice Work! 👏👏👏

Amazing update, love it!

What an enjoying talk!

Amazing job Caleb 🎉

it's super amazing version

Well done, exciting progress, thank you guys for your efforts🙏

such an amazing job, caleb! 👍🏻💪

This guys is crazy. Thanks Caleb.

Just amazing.

Incredible 🎉🎉🎉🎉

- [00:00] 🚀 Introduction to Livewire 3 - Caleb Porzio's journey in improving Livewire, - Livewire version 3 as a major rewrite, - Transition to using Alpine as the frontend framework. - [02:04] 🔌 Alpine Integration - Livewire version 3's integration with Alpine.js, - Automatic inclusion of Alpine and its plugins, - Simplified layout file with Alpine integration. - [03:15] 🔄 Morphdom Enhancements - Morphdom as Livewire's page update mechanism, - Challenges with backend conditionals in V2, - Morphdom improvements in V3, eliminating the need for "wire:key." - [04:40] 📦 Request Bundling - Bundling network requests for improved performance, - Addressing multiple component updates in a single request, - Enabling features like component nesting. - [05:49] 📖 Documentation Overhaul - Revamped Livewire documentation for better usability, - In-depth explanations, code examples, and tips, - A comprehensive guide to understanding Livewire internals. - [07:23] 💻 Live Coding and Wire Models - Introduction to wire models in Livewire 3, - Wire models being asynchronous and efficient, - Simplified two-way data binding with wire models. - [08:46] 🌐 SPA Mode with Wire Navigate - Introducing "wire:navigate" for single-page application (SPA) mode, - Eliminating full page reloads for improved user experience, - Enhancing performance by minimizing network requests. - [10:36] 🧩 Building Modals and JavaScript Integration - Executing JavaScript directly from the server with "JS" in Livewire 3, - Creating custom JavaScript macros for various actions, - Integrating third-party libraries like SweetAlert and adding interactivity. - [16:30] 🏗 PHP Attributes and Co-location - Introduction to PHP attributes in Livewire 3, - Co-locating behavior with properties using PHP attributes, - Custom attributes like "locked" for property locking. - [21:03] 🧬 Livewire Component Life Cycle - Livewire components can hook into various parts of their life cycle. - Components can hook into mounting, updating, rendering, and more. - [23:05] 🌐 Livewire Attributes - Livewire introduces attributes that can be applied to HTML elements. - Attributes allow components to interact with the DOM and other functionality. - Attributes can be used to perform actions like real-time validation. - [26:11] 📝 Form Objects - Form objects are introduced to extract and manage form-related properties in a Livewire component. - Form objects help organize and simplify code for forms in Livewire components. - [30:05] 🔄 Nested Livewire Components - Livewire V3 improves the interaction between nested components. - Components can interact with each other more seamlessly using `$parent` and `$wire` directives. - [34:52] 💬 Real-Time Streaming Responses - Livewire introduces the ability to stream real-time responses from the server to the client. - Streaming responses allow for dynamic updates without requiring full page reloads. - [38:01] 🛠 Wiretap: Livewire Devtools - Wiretap is a set of developer tools for Livewire. - It provides insights into component state, network requests, and even offers hot reloading. - Wiretap enhances debugging and development with Livewire. - [41:46] 🚀 Livewire V3 Launch - The speaker announces the launch of Livewire V3 during the presentation. - Users can upgrade to this new version with additional support from the Livewire team.

Amazing livewire3 ❤

Great work

They are doing an incredible job, bravo 👏🏾👏🏾👏🏾

Amazing!! wow ready to dive in Livewire!

Mind = blown

is this a comedy show or a features presentation? because god damn that was funny ahahah, loved it

Gosh! Now I desperately want to update my big laravel 8 project to the latest version just to have those new Livewire features 😂

Honestly at this point I think the only thing is missing is IDE type check tooling on the blade templates to make sure that the variables it's using are actually defined

Sold.🎉🎉🎉.... awesome stuff👍

Nice dude! this is sick!

Congrats showman !

Caleb ......👍👍👍

Finally!!

Great!!

EPIC!

Jeez this is too good

Porzio ♥

Amazeballs!!!

Amazingggg 🔥🔥🔥

As a long time Rails fan it has been really interesting seeing how the business focused minds of the Laravel community is starting to pull in front of the Rails stuff because people make money off of it.

14:10 - yooooo 🎉

Alex Garret-Smith switched to Inertia ;)

superb you are on fire mate

Mindblowing!

How are you getting the component, is it a package or some sort of custom namespaced components?

awesome

stream with just pure rest without websocket is mindboggling. wow

Fuck ya!! Game changer.

aku disini. jujur keren banget 3 ini. memudahkan

Laravel is Awesome 🎉

amazing 🎉

🎉

Damnnnnnnn, Livewire 3 🔥🔥🔥

Just WOW

Very cool bro...

what is the admin panel being used?

I’ve been torn on building my next app in Svelte or the TALL stack. After this video, TALL stack it is. Livewire v3 fixes all my gripes about v2

Livewire rocks

Does anyone know how he integrated that AI thing, would love to know how.

when are slots coming to livewire?

Caleb is one if the coolest people and best coders i know, but I still giggle when he says "Lie Berries" 😂

lol Caleb is cra-zy 😜

Is livewire/wiretap live 38:52

"Select All" Checkbox in Livewire And "Unselected" or component update how ?

Who stayed until "Form objetcs for everyone" 🤣

why is there no docs about wire:stream

16:40 - WHY is nobody clapping?!

This is PHP on cocaine.

Could you release the source code for Chad or at least show us the streaming part?

I'm still waiting for HMR in livewire 3 💀

How the Chad::ask component works?

funny dude, not gonna lie...

the PHP is pretty ugly, but damn that featureset looks good.

Awfully stack, not readable.. even if you want use microfrontend

Looks great, I used 2 and then went on to write vue, now I'm willing to try it again and see, thanks to the author.