Hey Artisan
In this tutorial, i am going to discuss about laravel livewire. In this laravel liveware tutorial, i will show you that how can run php laravel code without page refreshing.
laravel livewire framework is an amazing package. Livewire is a full-stack framework for Laravel that makes building dynamic front-ends as simple as writing vanilla PHP (literally).
Note : Livewire is still in it's early stages. Right now, the project is still in pre-release.
It's not like anything you've seen before, the best way to understand it is just to look at the code. To see the example, let's start our tutorial.
Set up Livewire (docs)
To setup livewire in your project, run below command
composer require calebporzio/livewire
Include it on all pages you’d like to use, before the closing body tag:
Let's consider the following "counter" component written in VueJs:
Now, let's see how we would accomplish the exact same thing with a Livewire component.
app/Http/Livewire/Counter.php
use Livewire\Component;
class Counter extends Component
{
public $count = 0;
public function increment()
{
$this->count++;
}
public function decrement()
{
$this->count--;
}
public function render()
{
return view('livewire.counter');
}
}
resources/views/livewire/counter.blade.php
Check it now, you will see it works same like vue component works before.
How livewire works ?
Livewire works nearly the same like vue js, but with 2 extra steps behind the scenes.
wire:click="increment"
increment
method, which updates $count
Cool huh?
Not exactly. A good rule of thumb is: any JavaScript components that rely on ajax for server communication, will be better off as Livewire components.
There's lots of other good use cases, but this gives you a basic idea of where to start.
#laravel #livewire #framework