# Livewire & Inertia (Laravel)

> Компоненти Livewire, wire:model, валідація, налаштування Inertia.js, partial reload, спільні дані, router, порівняння

- 20 питань зі співбесід
- Mid-Level
- [Питання зі співбесід: Laravel](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy.md)

## 1. Що таке Livewire у контексті Laravel?

**Відповідь**

Livewire — це full-stack фреймворк для Laravel, який дозволяє створювати динамічні та реактивні інтерфейси користувача повністю на PHP, без потреби писати багато JavaScript. Він автоматично керує обміном даними між сервером і клієнтом через AJAX-запити, даючи змогу створювати інтерактивні компоненти, подібні до сучасних JavaScript-фреймворків, залишаючись у межах екосистеми PHP/Laravel.

## 2. Який модифікатор використати з wire:model, щоб запускати оновлення лише коли користувач залишає поле вводу?

**Відповідь**

Модифікатор .blur запускає оновлення Livewire лише коли користувач залишає поле (подія blur), наприклад клацнувши деінде або натиснувши клавішу Tab. Це зменшує кількість мережевих запитів порівняно з .live, який надсилає запит при кожному натисканні клавіші. Це корисно для форм, де не потрібна валідація в реальному часі для кожного введеного символу.

## 3. Яке призначення атрибута #[Modelable] у дочірньому компоненті Livewire?

**Відповідь**

Атрибут #[Modelable] повідомляє Livewire, що властивість дочірнього компонента має бути двосторонньо прив'язана до wire:model батьківського компонента. Це дозволяє виносити поля форми в повторно використовувані компоненти, зберігаючи синхронізацію стану з батьківським компонентом. Наразі підтримується лише перший атрибут #[Modelable] на компонент.

## Ще 17 доступних питань

- Яка директива Livewire дозволяє показувати візуальний індикатор, коли поле має незбережені зміни?
- Який модифікатор Livewire дозволяє затримати мережеві запити на 250 мс після останнього натискання клавіші користувачем?

Зареєструйся безкоштовно: https://sharpskill.dev/uk/login

## Інші теми співбесід Laravel

- [Основи PHP](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/php-basics.md): 25 запитань, Junior
- [Основи ООП у PHP](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/php-oop-essentials.md): 20 запитань, Junior
- [Composer & Autoloading](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/composer-autoloading.md): 18 запитань, Junior
- [Основи Laravel](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/laravel-fundamentals.md): 20 запитань, Junior
- [Маршрутизація в Laravel](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/laravel-routing.md): 20 запитань, Junior
- [Blade Templates](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/blade-templates.md): 18 запитань, Junior
- [Request & Response](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/request-response.md): 20 запитань, Junior
- [Основи Eloquent ORM](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/eloquent-orm-basics.md): 22 запитань, Junior
- [Eloquent Relationships](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/eloquent-relationships.md): 25 запитань, Mid-Level
- [Migrations & Schema Builder](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/database-migrations.md): 20 запитань, Mid-Level
- [Валідація та форми](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/validation-forms.md): 22 запитань, Mid-Level
- [Автентифікація](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/authentication.md): 20 запитань, Mid-Level
- [Авторизація та Policies](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/authorization-policies.md): 18 запитань, Mid-Level
- [API Resources & Authentication](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/api-resources-authentication.md): 26 запитань, Mid-Level
- [Middleware](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/middleware.md): 18 запитань, Mid-Level
- [Service Container & DI](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/service-container-di.md): 20 запитань, Mid-Level
- [Queues & Jobs](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/queues-jobs.md): 22 запитань, Mid-Level
- [Events & Listeners](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/events-listeners.md): 18 запитань, Mid-Level
- [Сповіщення та Mail](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/notifications-mail.md): 20 запитань, Mid-Level
- [File Storage](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/file-storage.md): 18 запитань, Mid-Level
- [Testing & PHPUnit](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/testing-phpunit.md): 24 запитань, Mid-Level
- [Caching](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/caching.md): 18 запитань, Mid-Level
- [Eloquent Advanced](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/eloquent-advanced.md): 24 запитань, Senior
- [Repository Pattern](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/repository-pattern.md): 20 запитань, Senior
- [Laravel Packages](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/laravel-packages.md): 20 запитань, Senior
- [Performance Optimization](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/performance-optimization.md): 22 запитань, Senior
- [Security Best Practices](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/security-best-practices.md): 22 запитань, Senior
- [Laravel Octane](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/laravel-octane.md): 18 запитань, Senior
- [Laravel Distributed Systems](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/laravel-distributed-systems.md): 22 запитань, Senior
- [Observability & Monitoring](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/observability-monitoring.md): 20 запитань, Senior
- [Deployment & DevOps](https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/deployment-devops.md): 20 запитань, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/uk/technologies/laravel/pytannia-spivbesidy/livewire-inertia