Laravel

Livewire & Inertia

Livewire-componenten, wire:model, validatie, Inertia.js-setup, partial reloads, gedeelde data, router, vergelijkingen

20 gespreksvragenยท
Mid-Level
1

Wat is Livewire in de context van Laravel?

Antwoord

Livewire is een full-stack framework voor Laravel waarmee je dynamische en reactieve gebruikersinterfaces volledig in PHP kunt bouwen, zonder veel JavaScript te hoeven schrijven. Het verzorgt automatisch de communicatie tussen server en client via AJAX-verzoeken, waardoor je interactieve componenten kunt maken die lijken op moderne JavaScript-frameworks terwijl je binnen het PHP/Laravel-ecosysteem blijft.

2

Welke modifier gebruik je met wire:model om een update alleen te triggeren wanneer de gebruiker een invoerveld verlaat?

Antwoord

De modifier .blur triggert een Livewire-update alleen wanneer de gebruiker het veld verlaat (blur-event), bijvoorbeeld door ergens anders te klikken of de Tab-toets te gebruiken. Dit vermindert netwerkverzoeken vergeleken met .live, dat bij elke toetsaanslag een verzoek verstuurt. Het is handig voor formulieren waar realtime validatie niet nodig is voor elk getypt teken.

3

Wat is het doel van het #[Modelable]-attribuut in een Livewire-kindcomponent?

Antwoord

Het #[Modelable]-attribuut geeft aan Livewire door dat een eigenschap van de kindcomponent bidirectioneel moet worden gekoppeld aan de wire:model van de oudercomponent. Hierdoor kun je formuliervelden in herbruikbare componenten extraheren terwijl de statussynchronisatie met de ouder behouden blijft. Momenteel wordt alleen het eerste #[Modelable]-attribuut per component ondersteund.

4

Welke Livewire-directive maakt het mogelijk een visuele indicator te tonen wanneer een veld niet-opgeslagen wijzigingen heeft?

5

Welke Livewire-modifier maakt het mogelijk netwerkverzoeken met 250 ms uit te stellen na de laatste toetsaanslag van de gebruiker?

+17 gespreksvragen

Beheers Laravel voor je volgende gesprek

Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.

Begin gratis