Livewire v4 Debugging Tips and Tricks

Debug Livewire components effectively.

Browser DevTools

// Access component
Livewire.find('component-id')

// Get all components
Livewire.all()

Dump State

@dump($this->all())
@dump($this->errors)

Debug Bar

composer require barryvdh/laravel-debugbar --dev

Logging

logger($this->property);
info($this->all());