ReactFoo-VueDay Hyderabad edition

ReactFoo-VueDay Hyderabad edition

React and Vue for performance engineering and front-end development

Rob Richardson


Vue.js and TypeScript: Working Together like Peanut Butter and Jelly

Submitted May 10, 2020

Have you struggled to get TypeScript and Vue to play well together? Me too. Vue is a fantastic SPA framework, and TypeScript is a great way for catching errors faster. Together, they can boost your productivity. Join us as we peel back the layers of TypeScript and look at the tricks of the trade to get them playing well together. You’ll leave with a solid methodology and code samples to get started with Vue + TypeScript.


Vue has a gentle learning curve, and TypeScript makes it easy to catch syntax errors quickly. They weren’t designed to go togther, but they work surprisingly well. We examine how they work well, and gotchas we’d hit when pulling JavaScript modules into a TypeScript project. With each gotcha, we identify a strategy for overcoming it. These strategies include creating types, creating type description files (.d.ts), using type description files from npm, and generating .d.ts files. Though any and ts-comment are also solutions, we’ll merely note they exist, and highlight their downsides. Users leave with a solid understanding of how to get Vue+TypeScript to work really well together.



Speaker bio

Rob Richardson is a software craftsman building web properties in ASP.NET and Node, React and Vue. He’s a Microsoft MVP, published author, frequent speaker at conferences, user groups, and community events, and a diligent teacher and student of high quality software development. You can find this and other talks on and follow him on twitter at @rob_rich.



{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more