Caleb Porzio on Alpine.js, Laravel Livewire & more
[00:03:41] Caleb gives us an introduction about himself, how long he’s been doing programming, and what he’s doing now.
[00:06:29] Jason brings up a popular blog post Caleb wrote a few years ago and he tells us a little bit about it.
[00:10:48] We hear an overview of what Alpine is and when it started.
[00:16:42] Caleb explains things Alpine does directly correlated to Stimulus.
[00:19:56] We find out what Caleb does if gets into a situation with listening for events from third party JavaScript library.
[00:26:56] Jason tells us the pain point for him with making a transition on a modal in Stimulus, which is why he went to Alpine.
[00:32:00] Caleb released a series of components that is a paid add on and we hear more about them and Headless UI. He also shares his grand vision with Headless UI.
[00:40:41] Andrew tells us about a new blogging thing Twitter released.
[00:45:35] Caleb details what Livewire is and the tell us some of the implementation details to compare it to some of the tools there are in Rails.
[00:48:59] In Livewire, we learn if state declared in the front end or is it declared in the PHP side of things.
[00:52:25] Jason brings up how WebSockets doesn’t work on Livewire, only on AJAX, and Caleb talks more about this.
[00:54:33] Jason mentions Stimulus Reflex and talks about why his favorite library is CableReady, and Chris tells us about using Turbo.
[00:57:39] Morph Plugin is new on Alpine.js and Caleb explains what it does. Caleb wonders if there’s a big con or trade off using Turbo.
[01:05:56] Caleb mentions a Tailwind bootstrap thing he’s used that’s cool called daisyUI.
[01:09:03] Jason brings up the acronym TALL stack which is Tailwind, Alpine.js, Laravel, and Livewire, and asks Caleb how he feels creating two of these in the stack.
[01:12:18] Find out where you can follow Caleb online and support his work.
Panelists:
Jason Charnes
Chris Oliver
Andrew Mason
Guest:
Caleb Porzio
Sponsor:
Links:
Making $100k As An Employee Versus Being Self-Employed (Caleb’s Blog Post)
![What the EU's GDPR Means to Web Developers](https://images.tute.io/media/CACHE/images/podcasts/thumbnails/what-the-eus-gdpr-means-to-web-developers-676/ac777f6f749acec2fce8c8608c754a76.png)
![Spelunking into the VueJS Frontend JavaScript Framework](https://images.tute.io/media/CACHE/images/podcasts/thumbnails/spelunking-into-the-vuejs-frontend-javascript-framework-768/7d752ab4f32bab47507ced50ee94464b.png)
![JAMstack development, carpe JavaScript!](https://images.tute.io/media/CACHE/images/podcasts/thumbnails/jamstack-development-carpe-javascript-100/83bb0623ae597c62425d27f870a50b15.png)
![Leveraging Laravel for Truly Custom Projects](https://images.tute.io/media/CACHE/images/podcasts/thumbnails/leveraging-laravel-for-truly-custom-projects-502/4275f82703c52b1023cf9e7057225eed.png)
![CSS & CMS Musings with Eric Meyer](https://images.tute.io/media/CACHE/images/podcasts/thumbnails/css-cms-musings-with-eric-meyer-302/e5b19c9f45e42dda10b95bfbc1dd7ccd.png)
![Caleb Porzio on Alpine.js, Laravel Livewire & more](https://images.tute.io/media/CACHE/images/podcasts/thumbnails/caleb-porzio-on-alpinejs-laravel-livewire-more-202/3d1bd0d899be5de4391a5e4158dce632.png)
![Laravel](https://images.tute.io/media/CACHE/images/topics/icons/laravel/4144010ceffd749dff6f63de63a203a9.png)
![Livewire](https://images.tute.io/media/CACHE/images/topics/icons/livewire-framework/b472590596f7f38175f716918b5412fc.png)
![Web Development](https://images.tute.io/media/CACHE/images/topics/icons/web-development/bcedea6f18e8f7755d013e1defc27ea1.png)
![How to Install Deno on macOS](https://images.tute.io/media/CACHE/images/tutorials/thumbnails/install-deno-macos/8f78b147e62d43c41157e501fe8edc80.png)
How to Install Deno on macOS
![How to Build a Movie Database & API with Strapi](https://images.tute.io/media/CACHE/images/tutorials/thumbnails/build-movie-database-api-strapi/34ef4b5fcf5480ecee2bc84780fe8ab6.png)
How to Build a Movie Database & API with Strapi
![How to Print Queries in Django Views](https://images.tute.io/media/CACHE/images/tutorials/thumbnails/print-queries-in-django-views-504/7b2203e75d199f16caf216603c79acb9.png)