Really nice comparison! Only thing i kind of missed here was the network tab in the browser explaining how the communication is different between these 3.
This video is very educational because the truth is I have used vue and react a lot, but never livewire and I see that it looks a lot like vue with its directives, I'm going to try to learn that
So glad that it was helpful! :) It IS a lot like Vue, especially with how you're thinking through things, but it does require a different mental model shift to thinking when you actually have to interact with the server. Livewire Volt is really similar to Vue in that you're only in one file/component. Might be a great place to start. ☺️ -Josh
top notch as always 👌 Really loving Livewire 😍 I've used React and Vue in the past and I just feel that Livewire allows me to be more productive and fast 💨
Love the video! Maybe You could do a video about some advanced form fields like dependent dropdown, option disabling, multiselect, grouped multiselect, something with one to many relation where user could add multiple items to the parent model at once or maybe something related to dates. That would be awesome! Great work!
At my job I'm leading front-end work with NextJS and our stack includes flask in the backend. We've got some neat configuration with open-api specs and code gen BUT oh my is Laravel + Intertia make so much sense for monoliths.
Great video and nice timing as well. I'm looking into Laravel. I'm a long-time Symfony user-I love SF's forms. Would love to see something similar between Vue and React.
Splade is fantastic. It is however a community package which probably explains why it's not featured here. Livewire and Inertia are almost first party at this point.
I've had trouble using Livewire with depended select element. It loses style even after following the documentation. Additionally, Livewire integration with Select2 seems problematic.
@@LaravelPHP We still missing a Good UI Library for Livewire. WireUi and MaryUi is great. But we need more pre built components like ShadcnUi. Hope we can have a good one in future 🥹
There is no JS used for form submission on the Blade implementation. While there is Alpine for the data state of the slider (Alpine does come with the Breeze Blade kit), all of the submission is just through standard Blade forms. -Josh
@@LaravelPHP Ok. I started to wonder as you consistently and repeatedly stated that it used the id attribute when submitting forms(6:50, 7:05, 8:05 ...). I see that you answered another comment that you misspoke and that it does just use plain forms. I like the comparison, but I wish you didn't split it into three columns. I understand that you wanted to show a comparison, but when the columns are that narrow it just makes it harder to compare and get an overview of what it actually looks like.
This was hard to follow because the columns are too narrow. It would be better if you used a dual stack on the left and a full stack on the right. That way, you'd have 50% screen width, which is more important than height when showing code.
Absolutely his speaking style is so anything, the only reason I'm not subscribing to this channel is his whispering! I watch almost every video on this channel with other hosts. And get to ignore Josh but few topics are so good (not the host's speaking) i click & pissed off' 😑
small correction 6:50 : the form uses the input "name attribute" not the "Id" as input name.
Exactly what i wanted to comment about 😅
Good catch! Looks like I misspoke there both are great to have semantically, but the form only uses the "name" attribute. :) Thanks so much!
-Josh
Laravel is always more powerful and successful with popular technologies. It keeps you up to date.
Really nice comparison!
Only thing i kind of missed here was the network tab in the browser explaining how the communication is different between these 3.
Amazing format! Compare all the possible stack for see the difference in different approach, good idea! Thank you very much!
Thanks Artur! I'm glad it resonated with you! :)
-Josh
This video is very educational because the truth is I have used vue and react a lot, but never livewire and I see that it looks a lot like vue with its directives, I'm going to try to learn that
So glad that it was helpful! :) It IS a lot like Vue, especially with how you're thinking through things, but it does require a different mental model shift to thinking when you actually have to interact with the server.
Livewire Volt is really similar to Vue in that you're only in one file/component. Might be a great place to start. ☺️
-Josh
I worked with both inertia and. Livewire. But I love livewire and alpine.
They all have incredible benefits. I prefer Livewire myself. :)
-Josh
top notch as always 👌 Really loving Livewire 😍 I've used React and Vue in the past and I just feel that Livewire allows me to be more productive and fast 💨
Don't tell anyone. But same here. 😅
-Josh
Love the video!
Maybe You could do a video about some advanced form fields like dependent dropdown, option disabling, multiselect, grouped multiselect, something with one to many relation where user could add multiple items to the parent model at once or maybe something related to dates. That would be awesome!
Great work!
Great suggestion. I'll add it to the list for a "advanced form usage" type of video! :)
-Josh
Thank you for the great video, personally this is another reason why I prefer Livewire over Inertia 😅
I personally love that I never write controllers anymore with Livewire, but the flexibility and options Laravel gives is AWESOME. :)
-Josh
At my job I'm leading front-end work with NextJS and our stack includes flask in the backend. We've got some neat configuration with open-api specs and code gen BUT oh my is Laravel + Intertia make so much sense for monoliths.
It really is awesome! And it continues to improve. :)
-Josh
Can you use both Livewire and Blade in the same codebase?
Indeed
It's not "pulling from input's id attribute". The variable names are defined by inputs' name attributes
You are correct. I misspoke there. I pinned a comment and I'll add this to the description too just to clarify. :)
-Josh
Great video and nice timing as well. I'm looking into Laravel. I'm a long-time Symfony user-I love SF's forms. Would love to see something similar between Vue and React.
I haven't gotten the chance to use Symfony forms, so I'll have to take a look to compare! :)
-Josh
Thank You for adding github repo
Glad that helps! :)
-Josh
Why is Splade not available?
Splade is fantastic. It is however a community package which probably explains why it's not featured here. Livewire and Inertia are almost first party at this point.
Splade is great, but like Samuel said, I wanted to stick to the options that come with the Breeze starter kits. :)
-Josh
Great content!
What font the host is using in the Vscode? This font family is pretty good looking.
I wanna know as well.
Howdy! Thanks so much. :) This font is the "Dank Mono" font. One of my favorites.
-Josh
I've had trouble using Livewire with depended select element. It loses style even after following the documentation. Additionally, Livewire integration with Select2 seems problematic.
I dont have this problem
@@OverBlockPlay Can you help me to solve it? I will share the details problem.
Livewire is Awesome 🎉
It really is! It's awesome that we have so many options in the Laravel world.
-Josh
@@LaravelPHP We still missing a Good UI Library for Livewire. WireUi and MaryUi is great.
But we need more pre built components like ShadcnUi. Hope we can have a good one in future 🥹
Tbh I find livewire most satisfying to use from this 3
The thing is I'm heavy backend dev
I love Livewire as well, but it's nice to have options too! 😁
-Josh
Why does Blade use JS for form submissions? Why not just use...plain forms?
There is no JS used for form submission on the Blade implementation. While there is Alpine for the data state of the slider (Alpine does come with the Breeze Blade kit), all of the submission is just through standard Blade forms.
-Josh
@@LaravelPHP Ok. I started to wonder as you consistently and repeatedly stated that it used the id attribute when submitting forms(6:50, 7:05, 8:05 ...). I see that you answered another comment that you misspoke and that it does just use plain forms. I like the comparison, but I wish you didn't split it into three columns. I understand that you wanted to show a comparison, but when the columns are that narrow it just makes it harder to compare and get an overview of what it actually looks like.
This was hard to follow because the columns are too narrow.
It would be better if you used a dual stack on the left and a full stack on the right.
That way, you'd have 50% screen width, which is more important than height when showing code.
Thanks for the feedback. You're right that would have been easier to follow. I'll try to keep that in mind for next time. :)
-Josh
server-side rendering welcome to 2010
Inertia with Vue or Livewire with alpine depending on the project requirements
Completely agree! :)
-Josh
watching this video hurts,i can hear crickets in the background
Oh no. Are they good crickets at least? 😬
-Josh
Absolutely his speaking style is so anything, the only reason I'm not subscribing to this channel is his whispering!
I watch almost every video on this channel with other hosts.
And get to ignore Josh but few topics are so good (not the host's speaking) i click & pissed off' 😑
Great video 🔥
Thank you for watching Marcelo ☺️
-Josh
I prefer the blade version ;)
love this video.
Thanks
Thanks for watching David!
-Josh
Blade is the best for me ,livewire is awesome but I haven't understand it
Blade is great and a fantastic way to get things up and running quickly. I prefer Livewire myself but it's nice to have options. :)
-Josh
i wanna try livewire form right now
Do it! :)
-Josh
🔥🔥🔥
😍😍😍
❤❤❤
Don't whisper, speak 🗣️