Reaktivní Full-Stack bez SPA: Livewire 3 & Alpine.js
Jak vytvořit plně dynamické rozhraní v čistém PHP pomocí Livewire 3 a mikro-interakcí v Alpine.js na příkladu našeho kvízového a anatomického enginu.
📖 Lekce v tomto modulu (3)
Jak funguje Livewire 3: Stav na serveru, wire:click a reaktivní DOM
Livewire 3 přináší reaktivitu jednorázových Single Page Aplikací přímo do Laravelu bez psaní JavaScriptu. Naučte se, jak funguje stavový automat komponenty, životní cyklus požadavku wire:click a morfing DOMu.
Stavba Průzkumníku anatomie: Dynamické načítání souborů v Livewire
Detailní pohled na implementaci komponenty AnatomyExplorer. Zjistěte, jak v reálném čase filtrovat soubory pomocí wire:model.live s debouncingem a jak bezpečně předávat data ze služeb do šablony.
Kdy použít Livewire (server) a kdy Alpine.js (okamžitá odezva v prohlížeči)
Livewire a Alpine.js tvoří perfektní tandem. Pochopte hranici mezi operacemi vyžadujícími server (validace, databáze, autorizace) a čistě klientskými mikro-interakcemi (kopírování do schránky, přepínání tabů, animace).