developing-with-turbo-streams

Skill do pracy z Turbo Streams w aplikacjach Laravel. Umożliwia dynamiczne aktualizacje interfejsu użytkownika poprzez osiem akcji: append, prepend, replace, update, remove, before, after i refresh. Obsługuje zarówno odpowiedzi HTTP (po wysłaniu formularzy) jak i transmisje w czasie rzeczywistym przez WebSocket. Aktywuje się podczas pracy z helperami turbo_stream() i turbo_stream_view(), metodami broadcastAppend, broadcastPrepend i podobnymi, lub gdy wspominasz o Turbo Streams, broadcastingu i aktualizacjach w czasie rzeczywistym.

1. Zainstaluj skill w swoim środowisku Claude/Copilot jako asystenta do pracy z Turbo Streams w projektach Laravel.

2. Gdy pracujesz nad formularzem, który powinien zaktualizować stronę bez pełnego przeładowania, użyj helpera turbo_stream() w kontrolerze. Sprawdź najpierw, czy żądanie akceptuje odpowiedzi Turbo Stream za pomocą $request->wantsTurboStream().

3. Wybierz akcję odpowiednią do Twojego przypadku: użyj append() aby dodać element na koniec kontenera, prepend() aby dodać na początek, replace() aby zastąpić element, update() aby zmienić jego zawartość, remove() aby usunąć, before() lub after() aby wstawić przed lub po elemencie, lub refresh() aby odświeżyć.

4. Przekaż do helpera model lub widok – skill pomoże Ci zbudować fluent builder z akcją i selektorem CSS. Na przykład turbo_stream()->append('posts', view('posts._post')) doda nowy post do kontenera o id="posts".

5. Dla transmisji w czasie rzeczywistym użyj Broadcasts trait w modelu i metod broadcastAppend, broadcastPrepend, broadcastReplace, broadcastRemove lub broadcastRefresh. Skill pokaże Ci, jak połączyć je z x-turbo::stream-from na froncie.

6. Jeśli potrzebujesz bardziej zaawansowanych scenariuszy, użyj TurboStream facade do ręcznych broadcastów lub kombinuj wiele streamów w jednej odpowiedzi – skill będzie Ci doradzać na każdym kroku.