Inertia.js (with Joe Tannenbaum)

10/10/24 • 56 min

Vue.js can be used in many different ways - with a meta framework, as a plain SPA, via the script tag and also with Inertia! Created in the Laravel ecosystem with adapters for various back- end front-end frameworks, Alex and Michael got a special guest on the episode who couldn't fit better to illustrate what Inertia is capable of.

Joe Tannenbaum, Software Engineer at Laravel and Inertia contributor goes all in-depth on the capabilities of the library, as well as sweet features and changes coming up for the future Inertia v2 release.

Looking for an easy way to write applications? After this episode, you might have found it.

Enjoy the episode!

Our Guest

Joe Tannenbaum

Chapters

(00:00) - Welcome to DejaVue
(00:56) - What is Laravel and when did you got into it?
(05:40) - Does Laravel has starter kits?
(07:41) - Laravel Cloud, funding and growth
(13:22) - What are TUIs?
(16:37) - What is Inertia?
(22:15) - How would Authentication work with Inertia?
(24:01) - Adapters for Phoenix and Rails
(25:08) - Feature in Inertia version 2
(32:53) - Breaking changes for v2
(33:56) - Composition API or Options API?
(37:27) - What part is the routing layer?
(38:48) - Further Inertia Helpers
(41:14) - Inertia's SSR story
(45:17) - Data fetching
(46:48) - When not to Inertia?
(47:45) - How much do you think about Inertia when coding?
(50:09) - Too many amazing things to use
(52:20) - Wasn't Inertia "done"?
(54:23) - Wrapping up

Links and Resources

Get 15% OFF for your Vue Toronto ticket with code DEJAVUE *
Jess Archer - "Unveiling Laravel Prompts"
Joe Tannenbaum - "Terminal UIs"
Inertia.js
Laravel
Livewire

Your Hosts
Alexander Lichter

Michael Thiessen

---

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.

Looking for an easy way to write applications? After this episode, you might have found it.

Enjoy the episode!

Our Guest

Joe Tannenbaum

Chapters

(00:00) - Welcome to DejaVue
(00:56) - What is Laravel and when did you got into it?
(05:40) - Does Laravel has starter kits?
(07:41) - Laravel Cloud, funding and growth
(13:22) - What are TUIs?
(16:37) - What is Inertia?
(22:15) - How would Authentication work with Inertia?
(24:01) - Adapters for Phoenix and Rails
(25:08) - Feature in Inertia version 2
(32:53) - Breaking changes for v2
(33:56) - Composition API or Options API?
(37:27) - What part is the routing layer?
(38:48) - Further Inertia Helpers
(41:14) - Inertia's SSR story
(45:17) - Data fetching
(46:48) - When not to Inertia?
(47:45) - How much do you think about Inertia when coding?
(50:09) - Too many amazing things to use
(52:20) - Wasn't Inertia "done"?
(54:23) - Wrapping up

Links and Resources

Get 15% OFF for your Vue Toronto ticket with code DEJAVUE *
Jess Archer - "Unveiling Laravel Prompts"
Joe Tannenbaum - "Terminal UIs"
Inertia.js
Laravel
Livewire

Your Hosts
Alexander Lichter

Michael Thiessen

---

Previous Episode

Vue Performance Tips

Vue is fast (actually the fastest SSR framework)! But sometimes apps might a bit more fine-tuning. And by sometimes, we mean rarely.

Still, it can happen - so join Alex and Michael in this DejaVue episode to dive into what tools Vue gives us to improve the frameworks' performance.

Further, they dive into the recent SSR benchmark and what it means for you as a developer, as well as striving topics like perceived performance.

Enjoy the episode!

Chapters

(00:00) - Intro
(01:14) - The topic of this episode - Performance
(02:05) - Optimizing for performance from the beginning?
(04:03) - Prop stability
(08:18) - v-once
(10:45) - v-memo
(12:57) - Does v-pre fit into the mix?
(14:28) - Recalculation of computed's
(20:47) - Virtualization
(24:05) - shallowRef
(27:25) - Vapor Mode in the future
(28:44) - Server Side Rendering
(29:14) - The recent SSR benchmark
(31:35) - Results of the benchmark
(32:00) - What does this mean for you?
(35:19) - Perceived performance
(37:33) - Improving SSR performance
(39:12) - VueConf Toronto
(40:20) - Wrapping up

Links and Resources

15% discount for the VueConf Toronto* with code DEJAVUE
DejaVue #E026 - Vue 3.5 Analyzed
DejaVue #E027 - Working at AWS (with Erik Hanchett)
v-once
v-memo
v-pre
The shallowRef guide
Performance Vue Docs
Michael Reactivity From Scratch Free Course
Vapor Mode
Reading vuejs/core-vapor
DejaVue #E001 - The Need for Server-Side Rendering (SSR)
Alex' SSR Benchmark video

Next Episode

Pinia and Data Loaders (with Eduardo San Martin Morote)

Michael is joined by VueRouter and Pinia Author Eduardo San Martin Morote aka posva.
Together, they go deep into questions around the de-facto standard state management tool and why people should use Pinia, but also discuss what Data Loaders and Pinia Colada are (not the drink friends!).

Further, the two content creators discuss how Mastering Pinia came together and what challenges are to expect when going from a "live workshop" to recorded videos.

And of course, we can't forget upcoming conferences and meetups - with a sneak peek of what posva might present 👀

Enjoy the episode!

Our Guest

Eduardo San Martin Morote

Chapters

(00:00) - Welcome to DejaVue
(00:46) - Upcoming Vue Conferences
(03:46) - Eduardo's Involvement in VueX
(05:03) - Why would you use Pinia?
(11:50) - Another view on stores
(14:14) - Insights from Mastering Pinia
(20:16) - Live Workshop vs recorded videos
(26:00) - How to improve tech video content
(29:09) - Data Loaders API
(34:31) - Pina Colada vs GraphQL
(36:15) - RFC for Data Loaders
(38:10) - Organising a Meetup
(44:56) - Wrapping up with a discount

Links and Resources

Get 15% OFF for your Vue Toronto ticket with code DEJAVUE *
Pinia
Mastering Pinia*
Pinia Disasterclass Talk
Mastering Nuxt*
DejaVue #E015 - Ten Years of Vue.js (with Evan You)
Data Loaders

Your Host

Michael Thiessen

---

DejaVue - Inertia.js (with Joe Tannenbaum)

Transcript

Alexander Lichter00:00:00.160

Hey, everybody. Welcome back to DejaVue.

Michael Thiessen00:00:03.199

Your favorite view podcast. You just don't know it yet. I'm here with Joe Tannenbaum and Alex, my co host. You may have seen him here before. And we've got a lot of interesting things here to talk about today. Laravel, Inertia, JS, you know, some great stuff.

Alexander Lichter00:00:21.975

Exactly. So Joe is