Caleb Porzio "Livewire 3" - Laracon US 2023 Nashville
Вставка
- Опубліковано 19 вер 2024
- In this highly-anticipated session, "Livewire 3," Caleb Porzio unveils the latest iteration of Livewire. As the creator of Livewire, Porzio introduces developers to the exciting new features and enhancements in Livewire 3, showcasing how it elevates the development of interactive, dynamic web applications.
With practical demonstrations and insightful examples, get a firsthand look at how Livewire 3 simplifies frontend development without compromising on the backend robustness of Laravel.
Whether you are a seasoned Livewire user or new to the framework, this talk offers a unique opportunity to discover the cutting-edge capabilities of Livewire 3 and witness its potential in shaping the future of web development.
Recorded Live at Marathon Music Works on July 19th, 2023.
First time in my live I applauded something, at home, looking at the computer.
same with prompts
Caleb is amazing public speaker ,
And Livewire 3 is just 🔥🔥🔥
Its really good to see the backend frameworks taking charge of frontend development.
They're really not. Else they'd be actually taking charge, rather than the massive adoption of the various front-end frameworks.
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.
Yup. He's basically fixed all the reasons why I gave up on Livewire 2. And now I'm happily back :D
Superb! Congratulations to Caleb and team.
🎯 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
Almost all of the new and updated features are super powerful!
I love you Caleb! You have been the motivation to dive deeper into Laravel universe!
Thank you for the good works, Caleb.
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 😇😍❤
Livewire will be a game changer for php developers...
I was waiting for the navigate feature. Finally it's here.
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.
Simply super awesome
I can't wait to test it. Really great job.
Wow! Caleb rocks it again!
Awesome Caleb... Awesome!!
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 didn't pay attention to the time, the time I watched this wonderful video passed quickly, really amazing V3
What an enjoying talk!
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.
Amazing job Caleb 🎉
Amazing been waiting for V3 since announced 😊
it's super amazing version
Amazing update, love it!
I don't have enough vocabularies to properly express how impressive this framework is.
This guys is crazy. Thanks Caleb.
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.
Incredible 🎉🎉🎉🎉
Just amazing.
- [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.
Great work
Amazing livewire3 ❤
Well done, exciting progress, thank you guys for your efforts🙏
such an amazing job, caleb! 👍🏻💪
Caleb ......👍👍👍
Mind = blown
Amazing!! wow ready to dive in Livewire!
How are you getting the component, is it a package or some sort of custom namespaced components?
Putting a Blade file in resources/views/components will automatically make it available like that so resources/views/components/icon.blade.php makes it available as .
@@devhammed Thank you for the reply, that would not give you the ability to access different icons like he does with the double colon then the icon title. It looks to be some sort of component that is namespaced as "icon" giving him the ability to call "", that is what I am trying to figure out.
@@sodomousprime did you find out?
@@xeisu_com No I haven't, I would love to know exactly how he did it, specifically this implementation. The docs are not super clear on how to do the custom namespace.
Congrats showman !
They are doing an incredible job, bravo 👏🏾👏🏾👏🏾
Porzio ♥
is this a comedy show or a features presentation? because god damn that was funny ahahah, loved it
Great!!
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.
Nice Work! 👏👏👏
Sold.🎉🎉🎉.... awesome stuff👍
Simply amazing 🔥
Nice dude! this is sick!
Amazeballs!!!
EPIC!
superb you are on fire mate
Jeez this is too good
Gosh! Now I desperately want to update my big laravel 8 project to the latest version just to have those new Livewire features 😂
Laravel is Awesome 🎉
awesome
🎉
Fuck ya!! Game changer.
aku disini. jujur keren banget 3 ini. memudahkan
Alex Garret-Smith switched to Inertia ;)
Finally!!
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
stream with just pure rest without websocket is mindboggling. wow
Livewire rocks
Damnnnnnnn, Livewire 3 🔥🔥🔥
Amazingggg 🔥🔥🔥
Mindblowing!
Very cool bro...
14:10 - yooooo 🎉
when are slots coming to livewire?
amazing 🎉
Is livewire/wiretap live 38:52
Can't seem to get it
March 2024, not seeing it
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
lol Caleb is cra-zy 😜
Just WOW
Who stayed until "Form objetcs for everyone" 🤣
Caleb is one if the coolest people and best coders i know, but I still giggle when he says "Lie Berries" 😂
"Select All" Checkbox in Livewire
And "Unselected" or component update how ?
Does anyone know how he integrated that AI thing, would love to know how.
what is the admin panel being used?
why is there no docs about wire:stream
This is PHP on cocaine.
16:40 - WHY is nobody clapping?!
Could you release the source code for Chad or at least show us the streaming part?
How the Chad::ask component works?
I'm still waiting for HMR in livewire 3 💀
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.