# Livewire & Inertia (Laravel) > Komponen Livewire, wire:model, validasi, setup Inertia.js, partial reload, data bersama, router, perbandingan - 20 pertanyaan wawancara - Mid-Level - [Pertanyaan Wawancara: Laravel](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara.md) ## 1. Apa itu Livewire dalam konteks Laravel? **Jawaban** Livewire adalah framework full-stack untuk Laravel yang memungkinkan pembuatan antarmuka pengguna yang dinamis dan reaktif sepenuhnya dalam PHP, tanpa perlu menulis banyak JavaScript. Ia secara otomatis menangani komunikasi antara server dan klien melalui permintaan AJAX, memungkinkan pembuatan komponen interaktif yang mirip dengan framework JavaScript modern sambil tetap berada dalam ekosistem PHP/Laravel. ## 2. Modifier mana yang digunakan dengan wire:model untuk memicu pembaruan hanya saat pengguna meninggalkan field input? **Jawaban** Modifier .blur memicu pembaruan Livewire hanya saat pengguna meninggalkan field (event blur), misalnya dengan mengklik di tempat lain atau menggunakan tombol Tab. Ini mengurangi permintaan jaringan dibandingkan dengan .live yang mengirim permintaan pada setiap ketukan tombol. Berguna untuk formulir di mana validasi real-time tidak diperlukan untuk setiap karakter yang diketik. ## 3. Apa tujuan atribut #[Modelable] dalam komponen anak Livewire? **Jawaban** Atribut #[Modelable] memberi tahu Livewire bahwa properti komponen anak harus diikat (bound) dua arah dengan wire:model dari komponen induk. Ini memungkinkan ekstraksi field formulir menjadi komponen yang dapat digunakan kembali sambil mempertahankan sinkronisasi state dengan induk. Saat ini, hanya atribut #[Modelable] pertama per komponen yang didukung. ## 17 pertanyaan lagi tersedia - Direktif Livewire mana yang memungkinkan menampilkan indikator visual saat sebuah field memiliki perubahan yang belum disimpan? - Modifier Livewire mana yang memungkinkan menunda permintaan jaringan sebesar 250ms setelah ketukan tombol terakhir pengguna? Daftar gratis: https://sharpskill.dev/id/login ## Topik wawancara Laravel lainnya - [Dasar-Dasar PHP](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/php-basics.md): 25 pertanyaan, Junior - [Dasar OOP PHP](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/php-oop-essentials.md): 20 pertanyaan, Junior - [Composer & Autoloading](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/composer-autoloading.md): 18 pertanyaan, Junior - [Dasar-Dasar Laravel](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/laravel-fundamentals.md): 20 pertanyaan, Junior - [Routing Laravel](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/laravel-routing.md): 20 pertanyaan, Junior - [Blade Templates](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/blade-templates.md): 18 pertanyaan, Junior - [Request & Response](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/request-response.md): 20 pertanyaan, Junior - [Dasar-Dasar Eloquent ORM](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/eloquent-orm-basics.md): 22 pertanyaan, Junior - [Eloquent Relationships](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/eloquent-relationships.md): 25 pertanyaan, Mid-Level - [Migrations & Schema Builder](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/database-migrations.md): 20 pertanyaan, Mid-Level - [Validasi & Formulir](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/validation-forms.md): 22 pertanyaan, Mid-Level - [Autentikasi](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/authentication.md): 20 pertanyaan, Mid-Level - [Otorisasi & Policies](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/authorization-policies.md): 18 pertanyaan, Mid-Level - [API Resources & Authentication](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/api-resources-authentication.md): 26 pertanyaan, Mid-Level - [Middleware](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/middleware.md): 18 pertanyaan, Mid-Level - [Service Container & DI](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/service-container-di.md): 20 pertanyaan, Mid-Level - [Queues & Jobs](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/queues-jobs.md): 22 pertanyaan, Mid-Level - [Events & Listeners](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/events-listeners.md): 18 pertanyaan, Mid-Level - [Notifikasi & Mail](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/notifications-mail.md): 20 pertanyaan, Mid-Level - [File Storage](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/file-storage.md): 18 pertanyaan, Mid-Level - [Testing & PHPUnit](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/testing-phpunit.md): 24 pertanyaan, Mid-Level - [Caching](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/caching.md): 18 pertanyaan, Mid-Level - [Eloquent Advanced](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/eloquent-advanced.md): 24 pertanyaan, Senior - [Repository Pattern](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/repository-pattern.md): 20 pertanyaan, Senior - [Laravel Packages](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/laravel-packages.md): 20 pertanyaan, Senior - [Performance Optimization](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/performance-optimization.md): 22 pertanyaan, Senior - [Security Best Practices](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/security-best-practices.md): 22 pertanyaan, Senior - [Laravel Octane](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/laravel-octane.md): 18 pertanyaan, Senior - [Laravel Distributed Systems](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/laravel-distributed-systems.md): 22 pertanyaan, Senior - [Observability & Monitoring](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/observability-monitoring.md): 20 pertanyaan, Senior - [Deployment & DevOps](https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/deployment-devops.md): 20 pertanyaan, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/id/technologies/laravel/pertanyaan-wawancara/livewire-inertia