developing-with-turbo-basics
Basics of developing with Turbo in web applications. Activate when working on projects that utilize Turbo for enhancing user experience through partial page updates, real-time interactions, and seamless navigation without full page reloads.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Basics of developing with Turbo in web applications. Activate when working on projects that utilize Turbo for enhancing user experience through partial page updates, real-time interactions, and seamless navigation without full page reloads.
How to use
Zainstaluj pakiet Turbo Laravel w swoim projekcie Laravel, następnie opublikuj zasoby (komponenty Blade, helpery, konfigurację) za pomocą komendy publish.
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().
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.
Wykorzystuj dyrektywy Blade @domid, @domclass, @channel i @turbonative do oznaczania elementów i konfigurowania zachowań Turbo w szablonach.
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.
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.