Aller au contenu principal

Bonus – Ressources et suite

Niveau 5.1 – Laravel Livewire

Ressources officielles (doc, dépôts, Volt, Alpine, Filament) et pistes de suite : projet 3 de la formation, Filament, approfondissement Alpine/Volt.

Objectif​

Ce module récapitule les ressources officielles et les pistes de suite après le parcours Livewire : documentation à jour, écosystème (Volt, Alpine, Filament), et lien avec le projet 3 de la formation.

Ressources officielles​

  • Documentation Livewire : livewire.laravel.com — référence complète (installation, composants, binding, validation, upload, tests, déploiement). Livewire évolue rapidement ; consulter la doc et les release notes pour les nouveautés (attributs, événements, Volt).
  • Dépôt GitHub : github.com/livewire/livewire — code source, issues, discussions.
  • Volt (composants single-file) : livewire.laravel.com/docs/volt — pour écrire des composants en un seul fichier Blade.
  • Alpine.js : alpinejs.dev — documentation Alpine pour les interactions côté client (modales, dropdowns, toggles) souvent utilisées avec Livewire.
  • Filament (admin panel) : filamentphp.com — back-offices basés sur Livewire (tableaux, formulaires, permissions).

Suite possible dans la formation​

  • Projet 3 – Livewire (section Projets de la formation) : dashboard ou CRUD complet avec Livewire. Reprend les critères du module 13 (composants, formulaires, listes, validation, sécurité, tests) et les adapte au contexte du projet (sujet, stack, livrables).
  • Niveau 5.2 – Laravel Inertia : si vous souhaitez ensuite passer à une UI React ou Vue tout en gardant Laravel (routes, contrôleurs, validation), le cours Inertia couvre le même type de besoins (formulaires, listes, auth) avec un stack différent.
  • Filament : pour un back-office ou un tableau de bord admin, Filament permet de générer rapidement des CRUD, des tableaux filtrables et des formulaires à partir de vos modèles Eloquent, en s’appuyant sur Livewire.

Bonnes pratiques à garder en tête​

  • Rester à jour : Livewire et l’écosystème Laravel évoluent ; un coup d’œil régulier à la doc et aux annonces (blog Laravel, Livewire) évite de rester sur des APIs dépréciées (ex. emit vs dispatch).
  • Composants focalisés : un composant = une responsabilité (liste, formulaire, widget). Factoriser la logique commune en traits.
  • Sécurité : authorize() et validate() systématiquement ; ne pas exposer de propriétés sensibles sans #[Locked] ou sans vérification.
  • Performance : debounce sur la recherche, wire:key sur les listes, with() et select() sur Eloquent, pagination pour les longues listes.

Approfondissement​

  • Contribuer : le dépôt Livewire sur GitHub accepte les issues et PR ; lire les contribution guidelines si vous souhaitez proposer des correctifs ou des améliorations.
  • Communauté : Laravel News, Laracasts, et les discussions GitHub sont des sources d’exemples et de bonnes pratiques ; suivre les annonces pour Livewire 3, Volt et Filament.
  • Aller plus loin : une fois le parcours maîtrisé, explorer la doc avancée (entangle, lazy components, SPA-like navigation) et les packages officiels (Livewire UI, etc.) pour des patterns réutilisables.

À retenir​

  • Documentation : livewire.laravel.com et github.com/livewire/livewire pour la référence et les mises à jour.
  • Volt = composants single-file ; Alpine = interactivité côté client ; Filament = admin panel basé sur Livewire. Autant de pistes pour aller plus loin.
  • Le projet 3 de la formation permet de mettre tout le parcours Livewire en pratique sur un cas concret (dashboard ou CRUD). Consulter la section Projets pour le cahier des charges et les critères de validation.

Bonne continuation avec Laravel et Livewire.