Learning in Public | Alpine & Inertia

July 30, 2021, noon (2 years, 11 months ago)

[00:00:42] Andrew gives us an update if he finished his JavaScript framework he was working on, and he tells us why he chooses to use Alpine over Stimulus. 


[00:03:45] Find out about a method that Bridgetown has called jsonify and what it does. 

[00:04:55] Jason tells us since he’s been low key back in action this week and he’s been trying out Inertia.js. The creator of Inertia, Jonathan Reinink was on a previous episode that you should listen to. Also, Jason talks about how he likes using Tailwind.

[00:06:06] Learn more about a JavaScript package called Headless UI that Tailwind has and what Inertia does. Andrew brings up an episode of The Bike Shed podcast called “All Things Inertia” that’s worth a listen, where Jonathan explains Inertia, the integrations with Rails, and how and why you would use it with Rails.

[00:08:48] Jason talks about something else that’s appealing to him about Inertia. He also tells us about working with data, making a project model, and how things started to get really cool using Pagy and its Metadata mode. 

[00:13:04] Andrew shares something he sees people missing the point about in View Component. He also goes in depth about a great component library from Seek-oss called, “Braid Design System.”

[00:18:58] Jason tells us his struggles with components and how having the React pre-built it’s like a lesson in how to structure things. 

[00:22:09] Andrew gives a shout-out to ADHD, our constant friend and protector of all things happy, and goes into having a weird perfectionism around things he built. Jason chimes in and talks about having the same issue.  They also talk about their ADHD meds they’re taking and how it’s changed their lives. 

[00:27:41] Andrew shares one of the best things he’s ever done for his ADHD, which was getting an ADHD coach he met on Twitter, Dusty Chipura, and how helpful she was.

[00:29:04] We have a Ruby announcement! Check out the article linked below! 


Jason Charnes

Andrew Mason




Ruby Radar

Ruby Radar Twitter

Headless UI



Inertia.js Rails Adapter

Remote Ruby Podcast-Joined by Jonathan Reinink, Creator of Inertia.js-Episode 66

The Bike Shed Podcast Episode 291: All Things Inertia.js with Jonathan Reinink

Pagy Metadata Extra-GitHub

SEEK-OSS Braid Design System

Remote Ruby Podcast Episode 97: Joined by Adam Wathan: TailwindCSS, Tailwind UI, and ActionView Components

Dusty Chipura Twitter

“Adding support for cross-cluster associations to Rails 7” by Eile

Login to Add New Comment
No comments have been posted yet, be the first one to comment.
Similar Podcasts
What the EU's GDPR Means to Web Developers What the EU's GDPR Means to Web Developers
In this episode we have Andrew Fairlie from Mutual to discuss the new European Union General Data Protection Regulation aka the GDPR. We discuss what the GDPR means specifically to web designers and developers both in terms of the work we do, and the work proposals we draft. We discuss the GDPR fro...
Spelunking into the VueJS Frontend JavaScript Framework Spelunking into the VueJS Frontend JavaScript Framework
On this episode, we talk with special guest Adam Wathan about the VueJS JavaScript framework. We talk about what VueJS is, and how its Laissez-faire approach lets you pick and choose how much of it makes sense to use in a project. We go into why using a framework like VueJS can help you write bette...
JAMstack development, carpe JavaScript! JAMstack development, carpe JavaScript!
On this episode, we’re joined by Paulo Elias from IDEO to discuss JAMstack: Modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup. Paulo talks about his journey from doing traditional LAMP/LEMP stack work to building things using JavaScript as the h...
Leveraging Laravel for Truly Custom Projects Leveraging Laravel for Truly Custom Projects
In this episode, we talk to Phil Zaengle from Zaengle Corp about leveraging the PHP framework Laravel to build truly custom web applications. We discuss when a CMS like Craft makes sense, and when it makes sense to utilize Laravel in addition to or instead of a CMS. We go on to discuss the importan...
CSS & CMS Musings with Eric Meyer CSS & CMS Musings with Eric Meyer
On this episode we have on the CSS legend Eric Meyer to talk about the early days of CSS, and how it almost died, and also onto where CSS is today. We discuss utility-first CSS, CSS in JavaScript, and talk about the Flexbox and the awesomeness that is CSS Grid. We then also talk about the move of E...
Mentioned Topics
Laravel Laravel
Laravel is a web application framework with expressive, elegant syntax. The framework is built in PHP, and drastically improves the development speed. ...
Web Development Web Development
Web Development is the process of building website and applications for the world wide web (www). ...
Ruby on Rails Ruby on Rails
Ruby on Rails is a web application framework written in Ruby. The framework allows for an enjoyable development experience with fast development cycles. ...
React React
React is a free and open-source JavaScript library for building user interfaces. The library was designed and conceived at Facebook back in may 29, 2013. Since then, a community of developers has sprung up around it and React as a tool has become a popula...
PHP is a widely-used open source general-purpose scripting language designed for web development which can also be used as a general-purpose language. in 1994 Rasmus Lerdorf introduced PHP (Hypertext Preprocessor) to the world and since then it has become...
JavaScript JavaScript
With HTML and CSS, JavaScript makes up the three cornerstone technologies of the World Wide Web. JavaScript is a high-level, dynamic, weakly typed and interpreted multi-paradigm programming language. While JavasScript is known for being the defacto script...
Ruby Ruby
Ruby is a dynamically typed object-oriented programming language with an emphasis on simplicity and productivity. The language was developed in the mid-1990s in Japan by Yukihiro "Matz" Matsumoto. Ruby has an elegant syntax that is naturally eas...
Svelte Svelte
Svelte is a free and open-source JavaScript compiler (framework) created by Rich Harris. Svelte is designed from the ground-up to improve client run-time performance by generate code that manipulates the DOM rather then including a Virtual DOM included in...
Vue.js Vue.js
Vue.js is a client-side open source JavaScript framework created by Evan You. The framework makes it easy to handle the state of your application and introduce more interactive concepts. If you are currently building your web application with HTML, CSS a...
Alpine.js is a Javascript framework that offers you the reactive and declarative nature of big frameworks like Vue or React at a much lower cost. With Alpine.js you can compose JavaScript behavior in your markup. Alpine.js could be seen to Javascript what...
Similar Tutorials
Enable & Write Cron Jobs for Strapi
Enable & Write Cron Jobs for Strapi
A cron job is a useful utility that can be found in any unix-like operating system. It can be used to schedule time-based commands without human intervention. With Strapi, we can use cron jobs to import data or run application tasks automatically. To write cron jobs in Strapi is super...
How to Install Deno on macOS
How to Install Deno on macOS
Deno is a simple, modern and secure runtime for JavaScript and TypeScript, by the creator of Node.js himself, Ryan Dahl. Deno uses the Chrome v8 engine and is built with Rust. The project just reach version 1.0 and got many people in the JavaScript community interested. In this tutori...
How to Build a Movie Database & API with Strapi
How to Build a Movie Database & API with Strapi
Strapi is an awesome headless CMS built with Node.js that can speed up the process of building an API quiet dramatically. It's perfect for people who enjoy the frontend more than the backend, and it allows you to build complex database structures with out writing any code. Magic, if y...