Building a Follow System with Livewire v4
February 01, 2026
•
1 min read
•
21 views
Build a follow/unfollow system.
Component
@php
new class extends Livewire\Component {
public User $user;
public bool $following = false;
public int $followersCount = 0;
public function mount(User $user): void
{
$this->user = $user;
$this->following = auth()->user()->isFollowing($user);
$this->followersCount = $user->followers_count;
}
public function toggle(): void
{
if ($this->following) {
auth()->user()->unfollow($this->user);
$this->followersCount--;
} else {
auth()->user()->follow($this->user);
$this->followersCount++;
}
$this->following = !$this->following;
}
}
@endphp
Related Posts
Introduction to Livewire v4: The Future of Laravel Full-Stack Development
Discover what's new in Livewire v4 and why it's a game-changer for Laravel developers.
Single-File Components in Livewire v4: The View-First Approach
Learn how to create single-file components with the new .wire.php extension.
Multi-File Components (MFC) in Livewire v4
Organize complex components with the new multi-file component structure.
Comments (0)
No comments yet. Be the first to comment!