livewire-development
Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior; writing Livewire tests; or when the user mentions Livewire, component, counter, or reactive UI.
How to use
Aktywuj umiejętność, wspominając o Livewire, komponencie reaktywnym, wire: dyrektywach lub testach komponentów w swojej wiadomości do asystenta.
Aby utworzyć nowy komponent, poproś asystenta o wygenerowanie kodu dla single-file component (domyślny format w v4) lub określ format: multi-file (--mfc) lub class-based (--class). Asystent wygeneruje pełny kod komponentu z logika PHP i szablonami Blade.
Pracuj z wire: dyrektywami — wire:model do dwukierunkowego wiązania danych, wire:click do obsługi kliknięć, wire:loading do stanów ładowania. Asystent podpowie prawidłową składnię i wzorce dla każdej dyrektywy.
Jeśli masz istniejący komponent w innym formacie, poproś asystenta o konwersję — może zmienić single-file na multi-file, class-based na single-file itp. Asystent wskaże odpowiednią komendę artisan.
Do debugowania zachowania komponentu lub implementacji real-time aktualizacji, opisz problem — asystent zasugeruje rozwiązanie z użyciem islands, async actions lub odpowiednich dyrektyw wire:.
Przy pisaniu testów komponentów poproś o kod testowy — asystent wygeneruje testy Livewire sprawdzające renderowanie, interakcje użytkownika i zmianę stanu.