Getting started with Livewire v3
HTML-код
- Опубликовано: 30 июл 2024
- Livewire v3 has just been announced at Laracon by Caleb Porzio. There are a ton of amazing new features so let's take a look.
00:00 Intro
00:09 Wire Navigate
05:50 Lazy loading components
06:50 Reactive Properties
08:22 Modables
11:00 Locking properties
12:16 Form objects
15:47 Teleport
20:04 Upgrading
Say hello on Twitter: / philo01
Premium Livewire Components: wire-elements.dev/pro
Make a living selling code via Anystack: d.pr/yD86vt
Video audio enhancements by clean.audio 
Наука
I'll start to use tomorrow in a new personal-project! Thanksssss.
Wow, straight to the point and very informative. This video is a gem!!!
Great content! You deserve way way more subscribers actually. Please continue posting more stuff.
Thanks! Appreciate the kind words :)
but first he needs to learn speaking.
his annoying whispering only deserves a dislike for now.
I never thought that I will be able to write php for frontend development this powerful. What a great update.
And Tanks for the video!
Thanks for the kind words!
As everyone has said, THANKS! 😊 This was a good "primer" before diving into the rest of the v3 docs. Can't wait to see what it'll look like once it's stable.
Thanks for the kind words! :)
These updates are awesome.
Definitely! Great work by the Livewire team :)
Like that Rails Turbo
Great content! Thanks Philo!
Appreciate it! :)
great video man, subscribed, please keep posting
Thanks! 🙏
Very good content, just subscribed :)
Thanks! :) Appreciate it
Thank you for the video boss ! appreciate it
Thanks for the kind words 😄
@@PhiloDev does the source code available to public, I would like to explore by myself ? just asking . Thank you..
GREAT JOB! Thanks
Thanks!
Hello, I've installed a livewire 3 and in my dashboard there's jquery steps, when the first time that load dashboard it is working, but when i try to wire:navigate and return to dashboard page, it said that $(...).steps is not a function
Thnx for the video, I have a project to implement, am just waiting for hot reload am tired of refreshing laravel every time I make a new change, can u please do a video on hotreload plus wire:navigate with redirects involving passing g params
how to emit sweetalert2, when the sweealert2 scripts is declared on Script tag?
Hi Philo. It would be nice to have a github repo for the example project you have described.
I have watched Caleb Porzio's talk at Laracon few days ago and all the new features included the coming "tool" to debug. I think the big missing thing in Livewire v1, v2 e v3 is a Playground site. When I watch these videos everything seems so easy, but all those contents hide complexity that only a playground site can explain. I know the alternative is to create a personal project and reproduce the code explained, but some of us are busy people ;).
BTW, just subscribed to you channel and I will have a look at your premium contents/wire elements.
P.S. This presentation is even more accurate than Caleb's.
Thanks! I'll think about some sort of playground, that would be nice :)
Fast forward 4 months later :D we get a livewire playground :D.
Livewire is Love 🎉❤
menu dropdown level
não funciona com wire:navigate algum bug com o javascrip. Alguém sabe a solução?
Come on man, let me be your 1000th subscriber 🥰... Up Livewire, Up Laravel, Up PHP
Welcome aboard!
Dank.
Thank you for your great video. Is it possible to have a playlist in the Laravel training, from beginner to advanced? Thank you for reading your note.
Thanks! I would recommend Laracasts for this 😄
@@PhiloDev thanks you ! I'm happy to know your youtube Channel☺
thanks for video
You're welcome!
I knew it was a bad idea watching this at 4AM
😂
ive a issue with wire:navigate and loading dependencies "flowbite". so if i navigate to other page then the mobile dropdown menu doesnt work anymore. i import flowbite in app.js and load them via vite. do u have any tip how i can fix that issue?
V3 is still in beta and packages are still working on compatibility. I would recommend reporting issues to the package maintainers so they can take a look.
One of the issues I have is having to add the property for SPA-like navigation on every item. Is there a way to set that app wide possibly?
You can use a component.
Make your navigation dynamic so it’s a foreach loop 😄
Sweet
I'm already testing it.
Let me know what you think of v3 :)
I have a strange bug that happens with me in two different computers: Im not able to reset a property and see the changes on the client side, only server-side reset the property but the page is not updated with the reset action.
Hmm that's strange. If you are able to create a failing test and submit this via a PR that would be awesome. That would make it a lot easier to debug.
@@PhiloDev Yesterday I wrote a test in the Livewire repository locally and the error doesn't happen, the test passes. The strangest thing is that I have this behavior on two different computers, but they have the same configuration: valet, php 8.1, MacOS.
Thx! Good updates. What phpstorm theme is this?
Thanks! This is the default light theme and the new UI + compact mode.
Hello guys i have list of students with unique id in live wire component, on clicking edit button i want to open new livewire component have edit user view for that purpose i want to kno how we can switch from one livewire component to another with data on clicking button. Can anyone help me
This might help ruclips.net/video/MbynDaPaBt4/видео.htmlsi=ZSOChaDQ3G7_VJ3L
Não estou conseguindo instalar o livewire v3 com jetstream. Alguma solução?
Acho que o Jetstream ainda não é compatível com o Livewire v3.
Do the wire navigate does diffing or it's just turbolinks
The Alpine morph plugin is responsible for this and does the diffing if I recall correctly
@@PhiloDev I tested it today there were no diffing in wire navigate :(
nice vid, what is the text editor u using? vscode?
I'm using PHPStorm with the new UI (beta) + compact mode. You can turn it on from your settings :)
@@PhiloDev pretty nice
If you were to start an application today, would you start with Livewire or inertia?
I would personally use Livewire
@@PhiloDev Cool! I'm thinking about redoing a small project I have! and I have doubts! I even thought about doing it with react, but I'm too lazy to do front and Back 😅
@@rawnatoyou won't regret it, Livewire is really great and not having to do both front and back-end is such a productivity boost.
You're fast! Is this a pre-recorded video?
Haha. Yeah, I recorded during the past two days before Laracon (with permission) for those who could not attend Laracon :)
I try to install livewire v3 beta but it dont work.
You can report any issues here: github.com/livewire/livewire/discussions
They release a second beta version, and now livewire v3 works.
It has some bugs if you use custom alpines components, I recommend waiting for a stable version
Be sure to report those bugs :)
livewire 3 datatable how to use
You would have to ask the maintainer of that package
I don't get it why more people are not talking about this
I know right? It's such an amazing tool.
Hello! I listened to about a quarter of your video, tge content is excellent!
I have a single note: Please make sure you are properly hydrated before you record your voice. I could not continue listening past the 1/3 mark, because I was too distracted by your mouth saliva pops and clicks.
Your mouth sounded too pasty, and your mic caught everything.
There are tricks to avoid these distracting sounds, like swishing water in your mouth, to get rid of the drying saliva. You can spit it out or just drink it down after you swish.
Thank you again for your content!
Thanks for the kind words! That's great feedback, I've done some some searching on techniques to like you mentioned and will apply these in my next videos to avoid those distracting sound. Thanks again!
I'm worried about the security , esp from attackers.
I've been using Livewire v2 for a couple of years now and haven't had any security issues. Are there any specific security aspects that you think pose a threat when it comes to Livewire?
Why is your voice so quiet 😵
Hmm that's strange. It's recorded at the recommend decibel level and it sounds clear to me (RUclips player at 100% and MacBook speakers at about 30%). What are your audio settings for the player and your system?
Oop - it did come good I think I had some BG noise interfering with it 😅