• C'est quoi Livewire
• Le problème classique avec les interfaces dynamiques
• Qu’est-ce que Livewire apporte ?
• En savoir

# C'est quoi Livewire

Livewire est un framework full-stack pour Laravel qui permet de créer des interfaces dynamiques sans écrire une seule ligne de JavaScript.
Il repose entièrement sur PHP côté serveur, tout en offrant une expérience utilisateur moderne et réactive.

# Le problème classique avec les interfaces dynamiques

Traditionnellement, lorsqu’on souhaite rendre une interface réactive, on doit écrire du JavaScript.
Prenons l’exemple d’un formulaire de recherche : on veut que les résultats se mettent à jour automatiquement au fur et à mesure que l’utilisateur tape.
Sans Livewire, il faudrait gérer les requêtes AJAX en JavaScript, mettre à jour le DOM manuellement, et synchroniser le tout avec le backend Laravel. Cela alourdit considérablement le code. Voici une exemple simple pour un formulaire de recherche :

 1namespace App\Livewire;
 2 
 3use Livewire\Component;
 4use App\Models\SearchUsers;
 5 
 6class SearchUsers extends Component
 7{
 8    public $search = '';
 9 
10    public function render()
11    {
12        return view('search-users', [
13            'users' => User::search($this->search),
14        ]);
15    }
16}

1<input wire:model.live="search">
2 
3 
4@foreach ($this->users as $user)
5    <div>{{ $user->name }}</div>
6@endforeach

Testez le resultat sur le site officiel de Livewire :

# Qu’est-ce que Livewire apporte ?

Avec Livewire, tout ce processus est simplifié.
Vous créez simplement un composant PHP, et Livewire se charge de synchroniser automatiquement son état avec l’interface utilisateur.

# En savoir

• Documentation officielle de Livewire : https://livewire.laravel.com/
• Github de Livewire : https://github.com/livewire/livewire
• Exemple d'un composant livewire : Le formulaire sur la page d'accueil