Toolverse
Wszystkie skille

livewire-development

autor: spatie

Twórz reaktywne komponenty Livewire 4 z wire: dyrektywami i real-time aktualizacjami

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Autor
spatie
Kategoria
Frontend
Wyświetlenia
35

O skillu

Umiejętność do tworzenia i debugowania reaktywnych komponentów Livewire 4. Aktywuje się podczas pracy z wire:model, wire:click, wire:loading i innymi dyrektywami wire:, implementacji real-time aktualizacji, stanów ładowania oraz testowania komponentów. Wspiera konwersję między formatami single-file, multi-file i class-based, generowanie komponentów z artisan CLI oraz pisanie testów Livewire.

Jak używać

  1. Aktywuj umiejętność, wspominając o Livewire, komponencie reaktywnym, wire: dyrektywach lub testach komponentów w swojej wiadomości do asystenta.

  2. 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.

  3. 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.

  4. 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.

  5. 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:.

  6. Przy pisaniu testów komponentów poproś o kod testowy — asystent wygeneruje testy Livewire sprawdzające renderowanie, interakcje użytkownika i zmianę stanu.

Podobne skille