Uploaded October 2023 | Updated September 2026, 3 weeks ago
Eduardo San Martin Morote presented this talk at Vue.js Live 2023 in London: "The more you keep working on an application, the more complicated its routing becomes, and the easier it is to make a mistake. "Was the route named users or was it user?", "Did it have an id param or was it userId?". If only TypeScript could tell you what are the possible names and params. If only you didn't have to write a single route anymore and let a plugin do it for you. In this talk we will go through what it took to bring automatically typed routes for Vue Router."
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials 👉 vuemastery.com/courses
0:00 Intro
0:42 Designing API's is hard
1:52 Errors are hard to make
2:17 Avoid context switch
2:42 Catter for different user experiences
4:13 API Ergonomics
6:10 Erasing an API
6:57 Weird Ever-Changing API's
7:51 Where different parts of the app come together
8:55 Can routing be simplified?
10:05 Reduce code repetition without compromising flexibility
11:15 Typed routes
13:41 Back to the basics
14:45 Unplugin-Vue-Router
19:20 Data Loading
22:35 Summary
Eduardo San Martin Morote presented this talk at Vue.js Live 2023 in London: "The more you keep working on an application, the more complicated its routing becomes, and the easier it is to make a mistake. "Was the route named users or was it user?", "Did it have an id param or was it userId?". If only TypeScript could tell you what are the possible names and params. If only you didn't have to write a single route anymore and let a plugin do it for you. In this talk we will go through what it took to bring automatically typed routes for Vue Router."
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials 👉 vuemastery.com/courses
0:00 Intro
0:42 Designing API's is hard
1:52 Errors are hard to make
2:17 Avoid context switch
2:42 Catter for different user experiences
4:13 API Ergonomics
6:10 Erasing an API
6:57 Weird Ever-Changing API's
7:51 Where different parts of the app come together
8:55 Can routing be simplified?
10:05 Reduce code repetition without compromising flexibility
11:15 Typed routes
13:41 Back to the basics
14:45 Unplugin-Vue-Router
19:20 Data Loading
22:35 Summary
