Livewire JavaScript Integration: Best Practices

<div x-data="{ open: false }">
    <button @click="open = !open">Toggle</button>
    <div x-show="open" wire:click="save">
        Content
    </div>
</div>

$this->dispatchBrowserEvent('show-modal');

window.addEventListener('show-modal', event => {
    modal.show();
});

Livewire.find('component-id').call('method');