Building a Todo List with Livewire v4
February 01, 2026
•
1 min read
•
20 views
Build a full-featured todo list.
Component
class TodoList extends Component
{
public string $newTodo = '';
public array $todos = [];
public function add(): void
{
$this->todos[] = ['id' => uniqid(), 'text' => $this->newTodo, 'done' => false];
$this->newTodo = '';
}
public function toggle(string $id): void
{
foreach ($this->todos as &$t) {
if ($t['id'] === $id) $t['done'] = !$t['done'];
}
}
}
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!