Livewire, Laravel için dinamik arayüzler oluşturmayı kolaylaştıran Laravel için full-stack framework’dür.
Bu sürüm aşağıdakileri ekler:
- Turbolink entegrasyonu
- Alpine JS entegrasyonu
- Wire desteği: AlpineJS tarafından gönderilen “giriş” olayları için model dinleme: $ dispatch (‘input’, ‘foo’)
wire:custom-event="foo"
bir AlpineJS gelen params alma :$dispatch('custom-event', 'bar')
. (İçindepublic function foo($param)
,$param
olacak'bar'
)- Livewire özel etiket sözdizimi (Laravel 7 Blade component etiketi sözdizimine benzer) (yalnızca Laravel 7'de kullanılabilir):
Livewire hakkında bilginiz yoksa, ana sayfada size ne yaptığını gösteren bir dökümantasyon vardır:
- Livewire, ilk component çıktısını sayfa ile (Blade dahil gibi) oluşturur, bu şekilde SEO dostu olur.
- Bir etkileşim oluştuğunda, Livewire güncellenen verilerle sunucuya AJAX isteği yapar.
- Sunucu bileşeni yeniden oluşturur ve yeni HTML ile yanıt verir.
- Livewire daha sonra değişen şeylere göre DOM’u akıllıca değiştirir.
İlk componentinizi oluşturmanıza yardımcı olacak hızlı başlangıç belgelerine bakabilirsiniz. İşte Quickstart kılavuzundan bir Livewire component’i
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');
}
}
Beraberindeki Blade şablonu ile:
<div >
<button wire:click="increment">+</button>
<h1>{{ $count }}</h1>
<button wire:click="decrement">-</button>
</div>
GitHub’daki Sürüm v1.0.0'dan yükseltme talimatları ve sürümle ilgili ayrıntılar alabilirsiniz .
Yorum Yap