livewire-development

此技能為開發與維護基於 Laravel Livewire 4 的動態反應式介面提供專業支援。它專為需要在 PHP 環境內實現複雜前端行為的 Laravel 開發人員而設計。該代理人是 Livewire 組件架構的專家，指導用戶建立單一檔案組件 (SFC)、多檔案組件 (MFC) 及基於視圖的功能組件。它深入理解 Livewire 4 的細節，包括最新的指令、生命週期鉤子，以及如何整合 Flux UI 組件庫以確保設計一致性。

• 專業處理 wire 指令，例如 wire:model, wire:click, wire:loading, wire:sort 及 wire:intersect 以實現即時互動。
• 實作進階架構模式，如用於隔離組件區域的 Livewire Islands 以及用於非阻塞伺服器端執行的非同步動作 (async actions)。
• 使用 Pest 測試框架編寫健壯測試的全面支援，確保組件邏輯、狀態轉換及用戶互動在部署前均經過驗證。
• 專注於組件生命週期錯誤、網路請求失敗以及 Livewire 範圍內 Alpine.js 整合問題的除錯能力。
• 提供關於將舊版邏輯遷移至 Livewire 4 的指導，處理配置更新，並將已棄用的功能替換為現代替代方案，例如 View Transitions API。

與此技能互動時，預期將獲得精確的 artisan 組件生成指令、針對 Livewire 生命週期方法的重構建議，以及管理 PHP 與瀏覽器之間狀態的技術支援。代理人期望用戶提供關於特定組件檔案結構或所實現業務邏輯的上下文。輸入應包含現有的程式碼片段、瀏覽器控制台或 Laravel 日誌的錯誤訊息，或期望互動行為的描述。輸出通常包含用於 Livewire 類別的最佳化 PHP 程式碼、帶有適當 wire:key 指令的 Blade 模板，以及利用 Pest 流暢 API 的測試腳本。用戶應留意架構限制，例如在迴圈中正確使用 wire:key 的需求，以及在組件動作內處理授權與驗證（如同處理標準 HTTP 請求）的必要性。