Examen – Examen – Laravel Livewire

Examen officiel : questions et exercice pratique (composant Livewire). 20 questions et un exercice de code. Vous pouvez passer à l'exercice et terminer l'examen quand vous voulez. La note finale (50 % questions, 50 % code) doit être d'au moins 80 % pour réussir. Vous pouvez réessayer en cas d'échec.

1. 1. Quelle est la différence principale entre Livewire et une SPA (React/Vue) avec API ?

   • Aucune
   • Avec Livewire la logique reste côté serveur (PHP), pas d'API dédiée à maintenir
   • Livewire nécessite plus de JavaScript
   • Les SPA n'utilisent pas Laravel

2. 2. Que se passe-t-il côté client quand on utilise wire:click="increment" ?

   • Un rechargement complet de la page
   • Une requête AJAX envoyée à Laravel avec l'état du composant, puis mise à jour du DOM
   • Rien, tout est en JavaScript
   • Un formulaire POST classique

3. 3. Comment passer un paramètre à une méthode Livewire depuis la vue (ex. wire:click) ?

   • wire:click="delete({{ $id }})"
   • wire:click="delete($id)" avec $id en Blade
   • Seulement via wire:model
   • On ne peut pas

4. 4. Qu'est-ce que wire:model.live ?

   • Un modèle de données
   • Une liaison bidirectionnelle qui envoie les mises à jour à chaque frappe (debounce possible)
   • Une directive obsolète
   • Un cache

5. 5. Où définir les règles de validation pour les propriétés d'un composant Livewire ?

   • Uniquement dans la vue
   • Dans la classe PHP (rules(), #[Validate], ou validate())
   • Dans routes/web.php
   • Dans config/livewire.php

6. 6. Comment récupérer les erreurs de validation dans la vue Blade Livewire ?

   • $errors (comme en Laravel classique)
   • @error('property') ou $this->getErrorBag()
   • Les deux selon le contexte
   • Il n'y a pas d'erreurs en Livewire

7. 7. Quel hook est appelé une seule fois quand le composant est créé (première requête) ?

   • render()
   • mount()
   • boot()
   • hydrate()

8. 8. Pour exécuter du code JavaScript après qu'un composant Livewire ait mis à jour le DOM, on peut utiliser :

   • wire:loaded
   • $wire.on() ou events Livewire
   • window.onload
   • Uniquement des timeouts

9. 9. Quelle bonne pratique pour afficher une liste filtrée en Livewire ?

   • Stocker toute la collection en propriété publique
   • Stocker les critères (search, page) et recalculer la liste dans render()
   • Tout faire en JavaScript
   • Désactiver le morphing

10. 10. Que fait #[Layout('layouts.app')] sur un composant Livewire ?

    • Définit le layout Blade utilisé pour envelopper la vue du composant
    • Charge un fichier CSS
    • Configure la queue
    • Définit la langue

11. 11. Comment envoyer un événement du composant Livewire vers le front (JavaScript ou autre composant) ?

    • session()->flash() uniquement
    • $this->dispatch('eventName', ...) (Livewire 3)
    • broadcast()
    • response()->event()

12. 12. Pour tester un composant Livewire, on utilise typiquement :

    • Uniquement des tests navigateur
    • Livewire::test(MonComposant::class) en PHPUnit
    • Des mocks JavaScript
    • Aucun test possible

13. 13. Qu'est-ce qu'un « computed property » (propriété calculée) en Livewire ?

    • Une propriété en base de données
    • Une méthode avec l'attribut #[Computed] dont le résultat est mis en cache pour la requête
    • Une variable JavaScript
    • Une config

14. 14. Pourquoi utiliser wire:navigate sur un lien dans une app Livewire ?

    • Pour désactiver le lien
    • Pour charger la page suivante via Livewire (navigation SPA-like) au lieu d'un rechargement complet
    • Pour ouvrir dans un nouvel onglet
    • Pour du lazy loading

15. 15. Quelle directive affiche un indicateur de chargement pendant qu'une action Livewire est en cours ?

    • wire:loading
    • wire:busy
    • wire:fetch
    • loading="true"

16. 16. En Livewire, comment s'assurer qu'une donnée sensible n'est pas exposée au client ?

    • Ne pas utiliser de propriétés
    • Ne pas mettre en public les propriétés sensibles ; utiliser des propriétés privées ou protégées et les calculer dans render()
    • Tout chiffrer
    • Désactiver le JavaScript

17. 17. Que fait wire:key sur un élément dans une boucle ?

    • Clé de cache
    • Identifiant stable pour que Livewire puisse faire un diff correct (éviter les mauvais réordonnancements)
    • Clé de traduction
    • Clé API

18. 18. Quel fichier de configuration Laravel contient les options Livewire (namespace des composants, etc.) ?

    • config/app.php
    • config/livewire.php
    • config/components.php
    • config/view.php

19. 19. Pour inclure un composant Livewire dans une vue Blade, on utilise :

    • @livewire('nom-composant') ou <livewire:nom-composant />
    • <component name="livewire" />
    • @include('livewire.nom')
    • wire:component

20. 20. Quelle méthode du composant Livewire doit retourner une vue Blade ?

    • view()
    • render()
    • blade()
    • template()