# Livewire Patterns

> Livewire component pattern'leri. Form, tablo, modal, arama. Livewire component yazarken kullan.

- Skill: `radkod/livewire-patterns` (Agent Skill)
- Install (CLI): `npx skillmds@latest add radkod/livewire-patterns`
- Raw SKILL.md: https://api.skillmd.com/api/skills/radkod/livewire-patterns/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: RadKod (https://skillmd.com/u/radkod)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/radkod/livewire-patterns

---


## Form Component
```php
class EditProfile extends Component
{
    #[Validate('required|string|max:255')]
    public string $name = '';

    #[Validate('required|email')]
    public string $email = '';

    public function mount(): void
    {
        $this->name = auth()->user()->name;
        $this->email = auth()->user()->email;
    }

    public function save(): void
    {
        $validated = $this->validate();
        auth()->user()->update($validated);
        $this->dispatch('profile-updated');
    }

    public function render(): View
    {
        return view('livewire.edit-profile');
    }
}
```

## Arama + Debounce
```html
<input wire:model.live.debounce.300ms="search" placeholder="Ara..." />
```

## Lazy Loading
```php
#[Lazy]
class HeavyTable extends Component { ... }
```

```html
<livewire:heavy-table lazy />
```