Vue vs Livewire. Что лучше использовать для небольших компонентов?

Подскажите пожалуйста как правильнее сделать, ситуация такая:

Для проекта очень важна скорость первой загрузки страницы, соотвественно js кода писать нужно как можно меньше, и вес страницы должен быть маленьким.

——————

Есть компонент, для примера это будет меню с ссылками на страницы личного кабинета: настройки, выход и.т.д.

При клике на свою аватарку пользователю нужно показывать меню.

Вижу 3 варианта реализации этого функционала:

  1. Используя livewire. Плюс этого подхода в том что на странице изначально не будет лишнего компонента. Минус что нужно ждать его загрузку.

  2. Загрузить компонент на странице и показывать его через кастомную функцию на js.

  3. Загрузит и компонент и vue. (От такого подхода мы ушли в пользу livewire)


Ответы (1 шт):

Автор решения: Valeriu Vodnicear

Пришёл к выводу что Livewire и Vue не подходят под такие "мелкие" фронтэнд задачи.

Остановился на Alpine.js, это лёгкая библиотека именно для таких целей. Ещё её разрабатывает и поддерживает создатель Livewire.

→ Ссылка