Laravel

Livewire & Inertia

Livewire-Komponenten, wire:model, Validierung, Inertia.js-Setup, partielle Reloads, geteilte Daten, Router, Vergleiche

20 Interview-Fragen·
Mid-Level
1

Was ist Livewire im Kontext von Laravel?

Antwort

Livewire ist ein Full-Stack-Framework für Laravel, mit dem sich dynamische und reaktive Benutzeroberflächen vollständig in PHP erstellen lassen, ohne viel JavaScript schreiben zu müssen. Es übernimmt automatisch die Kommunikation zwischen Server und Client über AJAX-Anfragen und ermöglicht so die Erstellung interaktiver Komponenten ähnlich wie bei modernen JavaScript-Frameworks, während man im PHP/Laravel-Ökosystem bleibt.

2

Welcher Modifikator wird mit wire:model verwendet, um eine Aktualisierung nur dann auszulösen, wenn der Benutzer ein Eingabefeld verlässt?

Antwort

Der Modifikator .blur löst eine Livewire-Aktualisierung nur dann aus, wenn der Benutzer das Feld verlässt (blur-Ereignis), zum Beispiel durch Klicken an anderer Stelle oder mit der Tab-Taste. Dadurch werden im Vergleich zu .live, das bei jedem Tastendruck eine Anfrage sendet, Netzwerkanfragen reduziert. Das ist nützlich für Formulare, bei denen keine Echtzeit-Validierung für jedes eingegebene Zeichen erforderlich ist.

3

Was ist der Zweck des #[Modelable]-Attributs in einer Livewire-Kindkomponente?

Antwort

Das #[Modelable]-Attribut signalisiert Livewire, dass eine Eigenschaft der Kindkomponente bidirektional mit dem wire:model der Elternkomponente verbunden werden soll. Dadurch lassen sich Formularfelder in wiederverwendbare Komponenten auslagern, während die Zustandssynchronisierung mit der Elternkomponente erhalten bleibt. Derzeit wird nur das erste #[Modelable]-Attribut pro Komponente unterstützt.

4

Welche Livewire-Direktive ermöglicht das Anzeigen eines visuellen Indikators, wenn ein Feld nicht gespeicherte Änderungen aufweist?

5

Welcher Livewire-Modifikator ermöglicht es, Netzwerkanfragen um 250 ms nach dem letzten Tastendruck des Benutzers zu verzögern?

+17 Interview-Fragen

Meistere Laravel für dein nächstes Interview

Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.

Kostenlos starten