New Livewire Volt: Practical Example Component

I want to show you the new Volt in action, based on a blog by Benjamin Crozat.
Links mentioned in the video:
- Benjamin's blog source: github.com/benjamincrozat/ben...
- Original tweet: / 1688499590138372096
- Introducing Volt: An elegantly crafted functional API for Livewire blog.laravel.com/introducing-...
- My video "NEW Pest 2.9: 4 New Features for Better Testing" • NEW Pest 2.9: 4 New Fe...
- Volt documentation: livewire.laravel.com/docs/volt
- NEW Livewire v3: 9 Changes You Need To Know • NEW Livewire v3: 9 Cha...
- - - - -
Support the channel by checking out my products:
- My Laravel courses: laraveldaily.com/courses
- Laravel QuickAdminPanel: quickadminpanel.com
- Livewire Kit Components: livewirekit.com
- - - - -
Other places to follow:
- My weekly Laravel newsletter: us11.campaign-archive.com/hom...
- My personal Twitter: / povilaskorop

[@SinghatehAlagie]

I view Volt as a sibling to Vue or React since its approach is quite similar to both of them.

[@frtrash766]

That's what I was about tonsay, it feels like your working with those. Pretty good expectations from volt, tbh.

[@kamil19862307]

Great! I like it!

[@GergelyCsermely]

Thanks

[@ibrahimlasisi1262]

Mostly, Volt usage would be on personal project, really might not be cool in an organisation project. I so much cheriched separing concerns

[@DivyankKabra-fj8vj]

Hello, I am facing a 404 error on production server when i perform any click event. I don't know why its happening can you please suggest what the issue behind this

[@mahmoud-bakheet]

I think if you are not using liveware as full page component is going to be helpful, but again small parts of code maybe bigger

[@devtube734]

How can I define a variable inside Livewire Volt Blade area like regular blade file
Here is my full component.
want to assign value to `$hello` variable.
However, unable to assign variable
```php
{{ $hello }}
this is volt component {{ $count }}
click
```

[@ricko13]

indeed, it looks like Vue or Svelte code

[@mahmoud-bakheet]

I'm not sure about putting code and HTML in same place

[@TheRafark]

Me neither

[@eng.owis.]

I'm really disappointed with livewire volt . Why does laravel try to return back to old code style ! I really love laravel because clean code now we go to spaghetti style

[@Heatedpillow]

1000% agree!

[@domagojfranc7824]

But, you don’t have to use it if you don’t like it, for full stack developers this is nothing new. Vue has been written like this as well

[@eng.owis.]

@@domagojfranc7824 thanks , i'll not , i don't use any technical approach like this at all just if it's a backages i do not need to see it's code . Separate code based on language is an initial point of start when i choose the project path .
Livewire did a great job for me as a full stack developer because I hate JavaScript because it's code style there is no way to be good

[@pauloamserrano]

That's the point...

[@martienvliet8812]

The only reason why I don't use livewire anymore is because it is waay too slow

[@joydeepbhowmik6181]

What project are you building with livewire? ...
I built a student portal for a client and seems pretty fast to me ...
It's slower in development but fast in production

[@martienvliet8812]

@@joydeepbhowmik6181 maybe it's the way I'm using livewire, but I always use javascript too, so I do alot off calls from javascript to livewire and vice versa, so that could be the reason it's slow for me. Also I'm working on a pretty big project so that also doesn't optimize the speed

[@MatteoPresot]

Is anyone able to get php intelephense + blade highlighting using a S.F.C. Volt (class or functional API, no matter) + blade formatter working, using VsCode?