Pinia and Data Loaders (with Eduardo San Martin Morote)

10/17/24 • 46 min

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

---

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.

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

---

Previous Episode

Inertia.js (with Joe Tannenbaum)

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

---

Next Episode

All about VoidZero - The Interview with Evan You

As a special DejaVue episode - Alex met up with with the creator of Vue, Vite and founder of VoidZero Evan You himself and discuss his new company and the vision of a unified toolchain.

Starting with how the idea of VoidZero came up and finding the right investors went, further discussion revolve around the monetization and why VC money was the way to go instead of other models, such as the sponsorship model of Vue, OpenCore or similar.

Also, we cover a lot of community questions, such as whether Next.js will support Vite in the future, what lessons Evan and team learned from other projects like Rome and when we see the first Vite version with Rolldown.

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(00:26) - What is VoidZero?
(01:09) - When did you have the idea for VoidZero?
(05:16) - Limits of Vue's funding model
(07:10) - When did you found VoidZero?
(09:20) - The name VoidZero
(11:25) - What is open source will stay open source!
(11:54) - Who is on the VoidZero team?
(14:56) - VC Funding for VoidZero
(18:12) - Picking the right investors
(19:34) - The solved Zero to One Problem
(21:05) - NPM download as metric
(22:02) - Other company models for VoidZero
(28:18) - Lessons Learned from other "unified JS toolchain projects"
(33:21) - Feedback from framework authors
(34:28) - VoidZero and runtime-agnosticism
(37:35) - Projects close to what VoidZero should become?
(38:14) - Upcoming projects which will be integral for VoidZero
(39:50) - The Monetization of VoidZero
(41:55) - Monetizing a toolchain
(43:15) - Are planned services relevant for hobby devs?
(44:12) - How do you plan to divide the funds?
(44:50) - Vue as first class citizen
(48:48) - Impact of VoidZero on time for Vue and Vite
(55:37) - Relationship between VoidZero and UnJS
(56:55) - .config proposal
(57:39) - Migration path from tools like SWC or esbuild
(59:27) - When Next.js will support Vite?
(01:01:34) - oxc-lint and stylistic rules
(01:02:42) - Collaboration with the TypeScript team?
(01:03:04) - TypeScript Checking in VoidZero?
(01:03:32) - Will the formatter support Prettier?
(01:04:05) - License Change to Vite
(01:05:14) - When can we test Rolldown + Vite?
(01:06:30) - Hiring at VoidZero
(01:08:20) - Wrapping up

Links and Resources

DejaVue - Pinia and Data Loaders (with Eduardo San Martin Morote)

Transcript

Michael Thiessen00:00:00.320

Welcome to DejaVue, your favorite Vue podcast. Although you might not know it yet. Although actually a couple of you have mentioned that you do know it yet. And so that's great to hear. I am with Eduardo. Many of you know him. He is the author of Pina, Vue Router, member of the Vue JS core team. He is a freelancer. He's got this course, Mastering Pina. He gives talks. He is everywhere. He does lots of things. You can follow him on Twitter.