Laravel Movie App – UI Interactivity w/ Alpine.js – Part 5

Laravel By Builder

We take a look at adding some UI interactivity with Alpine.js. Alpine.js allows us to use javascript in a declarative way. It’s very similar to Vue, but doesn’t require any compilation steps. When I’m in the context of a server-driven app like we are here, I would consider using Alpine if all you’re doing is toggling UI components.

We add some interactivity to our search dropdown and build some modals for the video trailer and images.

My other Alpine.js video: https://www.youtube.com/watch?v=2pQ_WDqXkWs
My Alpine.js course on Scrimba: https://scrimba.com/g/galpinejs
Dropdown with Keyboard Accessibility in Vue: https://www.youtube.com/watch?v=SGVSvi1OxE8

GitHub Repo: https://github.com/drehimself/laravel-movies-example
TMDb API: https://www.themoviedb.org/documentation/api

# LINKS
My courses: https://codewithdre.com
Sign up for my newsletter: http://andremadarang.com/newsletter
My website: http://andremadarang.com
Twitter: http://twitter.com/drehimself
GitHub: http://github.com/drehimself
CodePen: http://codepen.io/drehimself

source