How to make like/dislike feature FAST and INTERACTIVE using Laravel, Livewire, and Alpine JS

NEW COURSE: SPA with Laravel Livewire Coming Soon... Go ahead and enter your email to get notified first: masteringlivewire.com/
You can support the growth of this channel by purchasing one of my products called(Laravel Livewire Starter Kit): bit.ly/3e6RcEG
In this series, you will learn everything about building a complete web application using Laravel and Livewire. My goal here is to teach everything I learned while building real-world applications using Laravel and Livewire.
Here are some of the highlighted lists that you will learn in this series:
* Why like/dislike is slow with livewire livewire
* How to make like/dislike fast and interactive using livewire and alpine JS
* How to use livewire and alpine js to create like/dislike functionality.
* How to use null object pattern in Laravel
* How to use null object pattern in PHP
* How livewire automatically deletes temporary files which are older than 24hrs and how we can change this
* How to show progress bar while uploading image or file using Laravel Livewire and Alpine JS
* Image upload with progress bar using Laravel Livewire
* How to show preview image while uploading an image using Laravel Livewire
* How to upload a single image using Laravel Livewire
* Hot to update profile image using Laravel Livewire
* How to filter results using Laravel Livewire
* How to add search functionality with Laravel Livewire
* How to use SweetAlert with Laravel Livewire
* How to install AdminLTE 3 with Laravel
* How to use toast notification using Livewire
* How to use bootstrap confirmation modal using Livewire
* How to use bootstrap modal for editing data using Livewire
* How to use date picker, time picker & text-area input with laravel livewire
* How to use Livewire component
* How to use Laravel components for re-usability
* How to use Laravel fortify for authentication
* How to use livewire events
* How to use toast notification with Laravel Livewire
* How to use bootstrap modal for deleting data using Laravel Livewire
* How to display alert window before deleting data using Laravel Livewire
* How to use pagination in Laravel Livewire
* How to use bootstrap for pagination in Laravel Livewire
* How to use bootstrap datepicker using Livewire
* How to use bootstrap timepicker using Livewire
* How to use datepicker and timepicker with Laravel Livewire
* How to create datepicker and timepicker component with Laravel
* How to use datapicker and timepicker on update form using laravel livewire
* How to use Laravel Macros
* And much more.
Github link: github.com/clovon/Multipurpos...

[@gocarry8659]

Thanks you Mr Clovon. You have made SPA so much easy with livewire. I'm Grateful.

[@Clovon]

You are welcome. Glad to hear that!

[@insidecampustv]

do a video on how to create a follow system please

[@shubhamverma1976]

@Clovon Bro this is not working same for me when I use x-button this will give me error Unable to locate a class or view for component [button].

[@shubhamverma1976]

and can you please share your code for this like system

[@TahirBhai]

Great job , nice comparison However I am interested to know if there is any exception in the backend, how do u revert back the liked increment or decrement. I ll appreciate if you show us it in the nxt video

[@Clovon]

Thank You. On user end I will just increment or decrement and change the UI accordingly. And on production app I will be using error tracking tool to track any exception.

[@TahirBhai]

@@Clovon ok thanks for reply

[@MaciejCzechowski]

In method toggleLike, you can remove this.isLiked from conditional statement and set after that: this.isLiked = !this.isLiked;

[@Clovon]

Yeah, we can refactor that. Thanks!