Toolverse
Wszystkie skille

developing-with-turbo-basics

autor: hotwired-laravel

Opanuj Turbo Laravel — aktualizuj strony bez przeładowań, wysyłając HTML zamiast JSON

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Frontend
Wyświetlenia
3

O skillu

Turbo Laravel to pakiet integrujący Turbo z frameworkiem Laravel, umożliwiający budowanie nowoczesnych aplikacji webowych. Wysyłasz HTML zamiast JSON, serwer obsługuje renderowanie, a przeglądarka pozostaje prosta. Dzięki Turbo Drive przyspieszasz linki i formularze, Turbo Frames rozbijasz strony na niezależne segmenty, a Turbo Streams dostarczasz zmiany częściowe przez WebSocket czy SSE. Wszystko z minimalną ilością JavaScriptu — HTML over the wire w praktyce.

Jak używać

  1. Zainstaluj pakiet Turbo Laravel w swoim projekcie Laravel, następnie opublikuj zasoby (komponenty Blade, helpery, konfigurację) za pomocą komendy publish.

  2. Aktywuj tę umiejętność w swoim asystencie AI, gdy pracujesz nad projektem wykorzystującym Turbo Laravel — szczególnie gdy tworzysz nowy projekt, używasz helperów dom_id, dom_class, turbo_stream() lub turbo_stream_view().

  3. Stosuj komponenty Blade takie jak x-turbo::frame do definiowania niezależnych segmentów strony, x-turbo::stream do wysyłania zmian częściowych, oraz x-turbo::stream-from do nasłuchiwania kanałów transmisji.

  4. Wykorzystuj dyrektywy Blade @domid, @domclass, @channel i @turbonative do oznaczania elementów i konfigurowania zachowań Turbo w szablonach.

  5. Sprawdzaj makra żądań wantsTurboStream(), wasFromTurboFrame() i wasFromHotwireNative() w kontrolerach, aby dostosować odpowiedzi serwera do typu żądania — czy pochodzi z Turbo Frame, czy jest zwykłym żądaniem.

  6. Gdy napotkasz wzmianki o Hotwire, HTML over the wire lub aktualizacjach częściowych strony, poproś asystenta o konkretne przykłady użycia Turbo Drive, Turbo Frames lub Turbo Streams w kontekście Twojego problemu.

Podobne skille