$wire.$js Syntax Changes in Livewire v4
February 01, 2026
•
1 min read
•
16 views
Table of Contents
Livewire v4 introduces a cleaner syntax for $wire.$js.
Before (v3 - Deprecated)
$wire.$js('bookmark', () => {
// Toggle bookmark...
});
// Or
$js('bookmark', () => {
// Toggle bookmark...
});After (v4)
$wire.$js.bookmark = () => {
// Toggle bookmark...
};
// Or in component
this.$js.bookmark = () => {
// Toggle bookmark...
};Benefits
- Cleaner object-style syntax
- More intuitive naming
- Better IDE support
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!