Livewire And Alpine Synchronization

Written by Laracasts / Original link on Feb. 23, 2021

In its current form, our modal is missing a number of expected features. For example, when I click outside of the modal card, it should close. If I press the escape key, it should also close. These are basic conveniences that any modal should provide. As we solve this problem, we'll have the opportunity to review Livewire's @entangle directive which will allow us to synchronize a property's value between Livewire And Alpine. If its value changes on one end, the other will update as well.


« The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 1) - Talk review: Thomas Pierrain at DDD Africa »