# Livewire & Inertia (Laravel)

> Livewire components, wire:model, การตรวจสอบความถูกต้อง, การตั้งค่า Inertia.js, partial reload, ข้อมูลที่แชร์, router, การเปรียบเทียบ

- 20 คำถามสัมภาษณ์
- Mid-Level
- [คำถามสัมภาษณ์: Laravel](https://sharpskill.dev/th/technologies/laravel/interview-questions.md)

## 1. Livewire ในบริบทของ Laravel คืออะไร?

**คำตอบ**

Livewire เป็น full-stack framework สำหรับ Laravel ที่ช่วยให้สร้างส่วนติดต่อผู้ใช้แบบไดนามิกและตอบสนองได้ทั้งหมดด้วย PHP โดยไม่ต้องเขียน JavaScript มากนัก มันจัดการการสื่อสารระหว่างเซิร์ฟเวอร์และไคลเอนต์โดยอัตโนมัติผ่านคำขอ AJAX ทำให้สามารถสร้างคอมโพเนนต์แบบโต้ตอบที่คล้ายกับ JavaScript framework สมัยใหม่ ในขณะที่ยังคงอยู่ในระบบนิเวศ PHP/Laravel

## 2. ใช้ modifier ใดกับ wire:model เพื่อทริกเกอร์การอัปเดตเฉพาะเมื่อผู้ใช้ออกจากฟิลด์ input?

**คำตอบ**

modifier .blur จะทริกเกอร์การอัปเดต Livewire เฉพาะเมื่อผู้ใช้ออกจากฟิลด์ (เหตุการณ์ blur) เช่น คลิกที่อื่นหรือใช้ปุ่ม Tab ซึ่งช่วยลดคำขอเครือข่ายเมื่อเทียบกับ .live ที่ส่งคำขอทุกครั้งที่กดแป้นพิมพ์ มีประโยชน์สำหรับฟอร์มที่ไม่จำเป็นต้องตรวจสอบความถูกต้องแบบเรียลไทม์สำหรับทุกตัวอักษรที่พิมพ์

## 3. แอตทริบิวต์ #[Modelable] ในคอมโพเนนต์ลูกของ Livewire มีจุดประสงค์อะไร?

**คำตอบ**

แอตทริบิวต์ #[Modelable] บอก Livewire ว่าคุณสมบัติของคอมโพเนนต์ลูกควรถูกผูก (bind) แบบสองทิศทางกับ wire:model ของคอมโพเนนต์แม่ ซึ่งช่วยให้สามารถแยกฟิลด์ฟอร์มออกเป็นคอมโพเนนต์ที่นำกลับมาใช้ใหม่ได้ ในขณะที่ยังคงรักษาการซิงโครไนซ์สถานะกับคอมโพเนนต์แม่ ปัจจุบันรองรับเฉพาะแอตทริบิวต์ #[Modelable] ตัวแรกต่อคอมโพเนนต์เท่านั้น

## มีอีก 17 คำถาม

- directive ใดของ Livewire ที่ช่วยให้แสดงตัวบ่งชี้ภาพเมื่อฟิลด์มีการเปลี่ยนแปลงที่ยังไม่ได้บันทึก?
- modifier ใดของ Livewire ที่ช่วยให้หน่วงเวลาคำขอเครือข่าย 250ms หลังจากการกดแป้นพิมพ์ครั้งสุดท้ายของผู้ใช้?

สมัครฟรี: https://sharpskill.dev/th/login

## หัวข้อสัมภาษณ์ Laravel อื่นๆ

- [พื้นฐาน PHP](https://sharpskill.dev/th/technologies/laravel/interview-questions/php-basics.md): 25 คำถาม, Junior
- [พื้นฐาน OOP ใน PHP](https://sharpskill.dev/th/technologies/laravel/interview-questions/php-oop-essentials.md): 20 คำถาม, Junior
- [Composer & Autoloading](https://sharpskill.dev/th/technologies/laravel/interview-questions/composer-autoloading.md): 18 คำถาม, Junior
- [พื้นฐาน Laravel](https://sharpskill.dev/th/technologies/laravel/interview-questions/laravel-fundamentals.md): 20 คำถาม, Junior
- [Laravel Routing](https://sharpskill.dev/th/technologies/laravel/interview-questions/laravel-routing.md): 20 คำถาม, Junior
- [Blade Templates](https://sharpskill.dev/th/technologies/laravel/interview-questions/blade-templates.md): 18 คำถาม, Junior
- [Request & Response](https://sharpskill.dev/th/technologies/laravel/interview-questions/request-response.md): 20 คำถาม, Junior
- [พื้นฐาน Eloquent ORM](https://sharpskill.dev/th/technologies/laravel/interview-questions/eloquent-orm-basics.md): 22 คำถาม, Junior
- [Eloquent Relationships](https://sharpskill.dev/th/technologies/laravel/interview-questions/eloquent-relationships.md): 25 คำถาม, Mid-Level
- [Migrations & Schema Builder](https://sharpskill.dev/th/technologies/laravel/interview-questions/database-migrations.md): 20 คำถาม, Mid-Level
- [การตรวจสอบและฟอร์ม](https://sharpskill.dev/th/technologies/laravel/interview-questions/validation-forms.md): 22 คำถาม, Mid-Level
- [การยืนยันตัวตน](https://sharpskill.dev/th/technologies/laravel/interview-questions/authentication.md): 20 คำถาม, Mid-Level
- [การให้สิทธิ์และ Policies](https://sharpskill.dev/th/technologies/laravel/interview-questions/authorization-policies.md): 18 คำถาม, Mid-Level
- [API Resources & Authentication](https://sharpskill.dev/th/technologies/laravel/interview-questions/api-resources-authentication.md): 26 คำถาม, Mid-Level
- [Middleware](https://sharpskill.dev/th/technologies/laravel/interview-questions/middleware.md): 18 คำถาม, Mid-Level
- [Service Container & DI](https://sharpskill.dev/th/technologies/laravel/interview-questions/service-container-di.md): 20 คำถาม, Mid-Level
- [Queues & Jobs](https://sharpskill.dev/th/technologies/laravel/interview-questions/queues-jobs.md): 22 คำถาม, Mid-Level
- [Events & Listeners](https://sharpskill.dev/th/technologies/laravel/interview-questions/events-listeners.md): 18 คำถาม, Mid-Level
- [การแจ้งเตือนและเมล](https://sharpskill.dev/th/technologies/laravel/interview-questions/notifications-mail.md): 20 คำถาม, Mid-Level
- [File Storage](https://sharpskill.dev/th/technologies/laravel/interview-questions/file-storage.md): 18 คำถาม, Mid-Level
- [Testing & PHPUnit](https://sharpskill.dev/th/technologies/laravel/interview-questions/testing-phpunit.md): 24 คำถาม, Mid-Level
- [Caching](https://sharpskill.dev/th/technologies/laravel/interview-questions/caching.md): 18 คำถาม, Mid-Level
- [Eloquent Advanced](https://sharpskill.dev/th/technologies/laravel/interview-questions/eloquent-advanced.md): 24 คำถาม, Senior
- [Repository Pattern](https://sharpskill.dev/th/technologies/laravel/interview-questions/repository-pattern.md): 20 คำถาม, Senior
- [Laravel Packages](https://sharpskill.dev/th/technologies/laravel/interview-questions/laravel-packages.md): 20 คำถาม, Senior
- [Performance Optimization](https://sharpskill.dev/th/technologies/laravel/interview-questions/performance-optimization.md): 22 คำถาม, Senior
- [Security Best Practices](https://sharpskill.dev/th/technologies/laravel/interview-questions/security-best-practices.md): 22 คำถาม, Senior
- [Laravel Octane](https://sharpskill.dev/th/technologies/laravel/interview-questions/laravel-octane.md): 18 คำถาม, Senior
- [Laravel Distributed Systems](https://sharpskill.dev/th/technologies/laravel/interview-questions/laravel-distributed-systems.md): 22 คำถาม, Senior
- [Observability & Monitoring](https://sharpskill.dev/th/technologies/laravel/interview-questions/observability-monitoring.md): 20 คำถาม, Senior
- [Deployment & DevOps](https://sharpskill.dev/th/technologies/laravel/interview-questions/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/th/technologies/laravel/interview-questions/livewire-inertia