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.

script type="text/javascript" src="http://aos-creative.prf.hn/creative/camref:100l3Rd/creativeref:10l3694">

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