What Do Forms Look Like in Different Laravel Stacks (Blade, Livewire, and React/Inertia)?

[@ajzack983]

small correction 6:50 : the form uses the input "name attribute" not the "Id" as input name.

[@hermanceaser]

Exactly what i wanted to comment about 😅

[@LaravelPHP]

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

[@tanerozdas6903]

Laravel is always more powerful and successful with popular technologies. It keeps you up to date.

[@Sillyvan]

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.

[@ArturMamedov]

Amazing format! Compare all the possible stack for see the difference in different approach, good idea! Thank you very much!

[@LaravelPHP]

Thanks Artur! I'm glad it resonated with you! :) -Josh

[@sajsaj]

I worked with both inertia and. Livewire. But I love livewire and alpine.

[@LaravelPHP]

They all have incredible benefits. I prefer Livewire myself. :) -Josh

[@sigmund233]

Can you use both Livewire and Blade in the same codebase?

[@darlingtonhp]

Indeed

[@yoanestradablanco1608]

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

[@LaravelPHP]

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

[@jonatasbaldan]

Great content! What font the host is using in the Vscode? This font family is pretty good looking.

[@Fool-arxana]

I wanna know as well.

[@LaravelPHP]

Howdy! Thanks so much. :) This font is the "Dank Mono" font. One of my favorites. -Josh

[@pawenowicki6575]

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!

[@LaravelPHP]

Great suggestion. I'll add it to the list for a "advanced form usage" type of video! :) -Josh

[@mityukov]

It's not "pulling from input's id attribute". The variable names are defined by inputs' name attributes

[@LaravelPHP]

You are correct. I misspoke there. I pinned a comment and I'll add this to the description too just to clarify. :) -Josh

[@Ivcota]

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.

[@LaravelPHP]

It really is awesome! And it continues to improve. :) -Josh

[@jokergamingtv5002]

Why is Splade not available?

[@Samuel.Mwangi]

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.

[@LaravelPHP]

Splade is great, but like Samuel said, I wanted to stick to the options that come with the Breeze starter kits. :) -Josh

[@Tuktuk_Academy]

Thank You for adding github repo

[@LaravelPHP]

Glad that helps! :) -Josh

[@kouceylahadji]

Thank you for the great video, personally this is another reason why I prefer Livewire over Inertia 😅

[@LaravelPHP]

I personally love that I never write controllers anymore with Livewire, but the flexibility and options Laravel gives is AWESOME. :) -Josh

[@JeremyMoore1]

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.

[@LaravelPHP]

I haven't gotten the chance to use Symfony forms, so I'll have to take a look to compare! :) -Josh

[@Devdojo]

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 💨

[@LaravelPHP]

Don't tell anyone. But same here. 😅 -Josh

[@mariomthree]

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.

[@OverBlockPlay]

I dont have this problem

[@mariomthree]

@@OverBlockPlay Can you help me to solve it? I will share the details problem.

[@Samuel.Mwangi]

Inertia with Vue or Livewire with alpine depending on the project requirements

[@LaravelPHP]

Completely agree! :) -Josh

[@theshinyplayer2373]

Why does Blade use JS for form submissions? Why not just use...plain forms?

[@LaravelPHP]

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

[@theshinyplayer2373]

@@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.

[@hasithudayanga6160]

Livewire is Awesome 🎉

[@LaravelPHP]

It really is! It's awesome that we have so many options in the Laravel world. -Josh

[@hasithudayanga6160]

@@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 🥹

[@ВячеславПрокоса-д1ж]

server-side rendering welcome to 2010

[@Vichion]

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.

[@LaravelPHP]

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

[@sajadtorkamani9399]

I prefer the blade version ;)

[@hafiznugraha3063]

i wanna try livewire form right now

[@LaravelPHP]

Do it! :) -Josh

[@salahdidi8287]

Tbh I find livewire most satisfying to use from this 3 The thing is I'm heavy backend dev

[@LaravelPHP]

I love Livewire as well, but it's nice to have options too! 😁 -Josh

[@MarceloPereira-wx7in]

Great video 🔥

[@LaravelPHP]

Thank you for watching Marcelo ☺️ -Josh

[@davidadokuru8139]

love this video. Thanks

[@LaravelPHP]

Thanks for watching David! -Josh

[@khant-nyar]

Blade is the best for me ,livewire is awesome but I haven't understand it

[@LaravelPHP]

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

[@srhanzd3022]

🔥🔥🔥

[@srhanzd3022]

😍😍😍

[@srhanzd3022]

❤❤❤

[@drugoviic]

watching this video hurts,i can hear crickets in the background

[@LaravelPHP]

Oh no. Are they good crickets at least? 😬 -Josh

[@khanra17]

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' 😑

[@khanra17]

Don't whisper, speak 🗣️