Building a Shopping Cart with Livewire v4
February 01, 2026
•
1 min read
•
19 views
Build a shopping cart with Livewire.
Cart Component
@php
new class extends Livewire\Component {
public array $items = [];
public function addItem(int $productId): void
{
$product = Product::find($productId);
$this->items[$productId] = [
'name' => $product->name,
'price' => $product->price,
'qty' => ($this->items[$productId]['qty'] ?? 0) + 1,
];
}
#[Computed]
public function total(): float
{
return collect($this->items)->sum(fn($i) => $i['price'] * $i['qty']);
}
}
@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!