Episode 12: Vue Router with Eduardo San Martin Morote

Show Notes

About our guest: Eduardo San Martin Morote

• Twitter @posva
• Website
• Github

[00:01:07] Chris asks Eduardo to talk about are some recent changes with Vue Router in the last six months or a year with that may be really interesting to people.

[00:04:08] Chris wants to know for the premise-based navigation if you’re going to use a profile page for someone entering a user name and you take them to this new route that checks to see if that user name exists, could you add a catch there that handles that gracefully and what are some ways you would use that in an app?

[00:09:31] Chris asks Eduardo what are some the main problems people have with Vue Router? Ari chimes in with an issue she’s had.

[00:15:51] Eduardo answers the question if you’re building an app with that kind of interface how would you know which strategy would be better for you? Also, he tells us the “hackiest” things he’s ever seen with someone using Vue Router.

[00:26:16] Chris talks about his lazy load Vue utility that he’s defined, to get around the advanced async component definition and it doesn’t work with Vue Router, and he has a messy hack that he doesn’t like and doesn’t work as well as he wants it to. He wants to know with the next version of Vue Router will we get that working? Eduardo answers this…

[00:30:31] Tessa wants Eduardo to go into how URL encoding is like state machines.

[00:35:21] Chris is curious if Eduardo was starting a new Vue application what would his Vue Router configuration look like? Also, Eduardo explains if he defines a scroll behavior function?

[00:46:37] Tessa asks Eduardo if he woke up tomorrow in a world without Vue Router, like everything else is the same, but the router was never created, what would he do differently or what would he keep the same?

[00:48:59] Tessa is curious and asks Eduardo if there are any old choices sticking around that are hampering new development that he wishes he could go back and change but maybe he can’t for some reason or another?

[00:52:12] Eduardo talks a little more about what it’s like to be the core maintainer of Vue Router and what areas he needs the most help for people interested in contributing.

Picks of the week:
[00:55:17 Chris’s has two picks: A game called “Disco Elysium” and a show called, “Dollface” on Hulu.
[00:56:20] Ari’s has two picks: A game called, “Animal Crossing: New Horizons” on Nintendo Switch. Her other pick is two songs by the group, Explosions In The Sky, called, “The Birth and Death of the Day” and “The Wilderness”.
[00:57:24] Eduardo’s has three picks: A game called, “Resident Evil 2” and a Korean show called “Kingdom” and “The Platform” on Netflix .
[01:01:26] Tessa’s has two picks: She is going with Ari’s recommendation of the game, “Animal Crossing: New Horizons”” and a retro pick for her which is a book called, “The Art of Gathering: How We Meet and Why It Matters”.

Other resources mentioned

• Vue Router
• Nuxt-style routing in regular Vue apps
• Vue Enterprise Boilerplate routing docs
• Alternative routing strategies
• Eduardo's GitHub Sponsors
• Vue Land Discord vue.land/chat.vuejs.org

Sponsor:
Linode

Special Guest: Eduardo San Martin Morote.