Tarkibga o'tish

Laravel Livewire β€” 0 dan ekspertgacha

Laravel uchun Livewire bilan zamonaviy, dinamik (reaktiv) veb-interfeyslarni deyarli JavaScript yozmasdan, faqat PHP bilan qurishni noldan o'rgatadigan to'liq qo'llanma. Tugmani bosganda sahifa yangilanishi, jonli qidiruv, formalar, modal oynalar, real-vaqt yangilanishlar β€” bularning hammasini siz Blade va PHP bilan yasaysiz. Kitob Livewire 4 (2026-yil yanvarda chiqqan eng so'nggi versiya) asosida, lekin Livewire 3 farqlari ham har joyda ko'rsatib boriladi.

🎯 Nega Livewire? React yoki Vue o'rganmasdan ham zamonaviy, "jonli" sayt qurish mumkin. Livewire β€” Laravel dasturchisining super-kuchi: backend bilimingiz bilanoq frontend "sehrini" yaratasiz. Bu kitob sizni hisoblagichdan (counter) boshlab to'liq real-vaqt ilovagacha olib boradi.

🎨 Har bob SVG diagrammalar bilan boyitilgan (jami 78 ta): so'rov-javob oqimi, wire:model bog'lanishi, komponent hayot sikli, event tarqalishi, Alpine.js ko'prigi va boshqalar ko'z bilan ko'rib o'rganiladi.

πŸ’» Hamma kod ishlatiladi. Kitobdagi PHP php -l bilan sintaksis tekshiruvidan o'tgan, komponentlar esa jonli Laravel 12 + Livewire 4 loyihada php artisan bilan yaratilib, brauzerda render qilinib tasdiqlangan.


Bu kitob kim uchun?

Bu kitob shunday yozilganki, maktab o'quvchisi ham tushuna oladi β€” har tushuncha hayotiy o'xshatish bilan, sodda tildan boshlanadi. Lekin oxiriga borib siz ekspert darajadagi mavzularni (xavfsizlik, testlash, tezlik optimizatsiyasi, real-vaqt ilovalar) ham egallaysiz.

Talab

Kerak Daraja
Laravel asoslari (routing, Blade, Eloquent, controller) Shart β€” avval Laravel kitobini o'qing
PHP asoslari (o'zgaruvchi, funksiya, massiv, OOP) Shart β€” kerak bo'lsa PHP kitobini ko'ring
HTML/CSS asoslari Tavsiya etiladi β€” HTML & CSS kitobi
JavaScript asoslari Foydali, lekin shart emas (Alpine.js bobida o'rganamiz)

Qanday o'qish kerak

  1. Boblarni tartib bilan o'qing β€” har qism oldingisiga tayanadi (asoslar β†’ formalar β†’ CRUD β†’ aloqalar β†’ tezlik β†’ professional).
  2. Har misolni o'z Laravel loyihangizda terib, brauzerda ochib ko'ring β€” Livewire'ni "his qilish" uchun shart.
  3. Bob oxiridagi amaliy masalalarni o'zingiz yeching.
  4. Oxirgi bobda hamma bilimni birlashtirib to'liq real-vaqt ilova quramiz.

I qism β€” Kirish va asoslar

# Bob Nima o'rganasiz
01 Livewire nima va nega kerak An'anaviy web vs SPA muammosi, Livewire falsafasi (PHP bilan reaktivlik), Livewire qanday ishlaydi, v3 va v4 farqi.
02 O'rnatish va birinchi komponent Laravel 12 + Livewire 4 o'rnatish, layout, make:livewire, Single-File Component (SFC).
03 Birinchi komponent: hisoblagich Property, action, wire:click, wire:model β€” reaktivlikning birinchi "sehri".
04 Komponent anatomiyasi SFC vs ko'p-fayl (MFC) vs klass, fayl tuzilishi (⚑), render(), ildiz element, komponentni joylash, props.

II qism β€” Holat, bog'lanish va amallar

# Bob Nima o'rganasiz
05 Properties β€” komponent holati Public xususiyatlar, ruxsat etilgan turlar, boshlang'ich holat, mount(), xavf-xatarlar.
06 Data binding: wire:model .live/.blur/.change (v4 yangi semantikasi), .debounce/.throttle/.number/.lazy/.deep.
07 Actions β€” amallar va hodisalar wire:click, parametrlar, wire:submit, klaviatura/hodisa modifikatorlari, magic actions.
08 Lifecycle hooks β€” hayot sikli mount, boot, hydrate/dehydrate, updating/updated, xususiyatga xos hooklar.

III qism β€” Formalar

# Bob Nima o'rganasiz
09 Formalar bilan ishlash Input turlari, select/checkbox/radio/textarea, submit, reset, ko'p maydonli forma.
10 Validatsiya #[Validate], rules(), real-vaqt validatsiya, xato xabarlari, custom xabar va nom.
11 Form Objects Livewire\Form klassi, qayta ishlatish, validatsiyani formaga ko'chirish, fill/reset.
12 Fayl yuklash Fayl yuklash, vaqtinchalik URL, preview, validatsiya, ko'p fayl, S3'ga saqlash.

IV qism β€” Ro'yxatlar va CRUD

# Bob Nima o'rganasiz
13 Ma'lumot ko'rsatish va ro'yxatlar Eloquent bilan ro'yxat, @foreach, wire:key, shartli ko'rsatish, bo'sh holat.
14 Pagination, qidiruv va filtr WithPagination, jonli qidiruv, filtr, saralash, #[Url] bilan holatni saqlash.
15 Computed properties #[Computed], keshlash, unset()/->forget(), ro'yxatlarda samarali ishlatish.
16 To'liq CRUD ilova Create/Read/Update/Delete, modal oyna, o'chirishni tasdiqlash, flash xabar.

V qism β€” Komponentlar o'zaro aloqasi

# Bob Nima o'rganasiz
17 Nested (ichma-ich) komponentlar Ota-bola komponentlar, props uzatish, #[Reactive], #[Modelable], wire:key.
18 Events β€” hodisalar bilan aloqa dispatch, #[On], brauzer hodisalari, self/to, komponentlar orasida muloqot.
19 URL va query string #[Url], query string'da holat, history/keep, sahifalararo holat ulashish.

VI qism β€” Dinamik UI va tezlik

# Bob Nima o'rganasiz
20 Loading va progress holatlari wire:loading, wire:target, wire:dirty, wire:offline, skeleton ekranlar.
21 Lazy, polling va SPA navigatsiya #[Lazy] + placeholder, wire:poll (real-vaqt), wire:navigate (SPA tezligi), prefetch.
22 Alpine.js integratsiyasi x-data, $wire, @entangle, $dispatch, JS hooklar, @script/@assets.

VII qism β€” Professional daraja

# Bob Nima o'rganasiz
23 Xavfsizlik Public xususiyat xavfi, #[Locked], avtorizatsiya/policy, mass-assignment, validatsiya xavfsizligi.
24 Testlash Livewire test API (Livewire::test, set/call/assertSee/assertDispatched), Pest bilan.
25 Tezlik (performance) va deploy Optimizatsiya, kesh, lazy, asset birlashtirish, production sozlash, keng tarqalgan xatolar.

VIII qism β€” Kapston

# Bob Nima o'rganasiz
26 Yakuniy loyiha: real-vaqt vazifa boshqaruvchi To'liq ilova 0 dan: CRUD + events + auth + qidiruv + real-vaqt yangilanish + tezlik.

Versiya haqida

Bu kitob Livewire 4.x (2026-yil 14-yanvarda chiqqan) va Laravel 12 / PHP 8.4 asosida yozilgan. Livewire 4 eng katta yangiligi β€” Single-File Component (bitta faylda PHP + Blade). Livewire 3 hali ham millionlab loyihada ishlaydi, shuning uchun muhim farqlar bobma-bob Livewire 3 eslatmalarida ko'rsatib boriladi.

$ php artisan --version
Laravel Framework 12.x

$ composer show livewire/livewire | grep versions
versions : * v4.x

$ php -v
PHP 8.4.0

Muallif

Oqil Imomnazarov β€” ioqil.uz Β· Telegram Β· YouTube

Kitob bepul tarqatiladi (CC BY-NC-SA 4.0). Savdo qilish taqiqlanadi.