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

React and Vue are becoming increasingly popular for front-end application development.

The Hyderabad edition is a single-day event for sharing:

Practical insights on integrating React/Vue in front-end applications.
Performance improvements with React/Vue.
State management.
New developments.

Participate in ReactFoo-VueDay as:

Participant
Speaker
Volunteer
Reviewer
Collaborator
Sponsor

and discover your peers from the growing front-end community in India.

Talks from previous editions of ReactFoo are published on hasgeek.tv/reactfoo and hasgeek.tv/jsfoo

The Hyderabad edition will be held on 11 July 2020 at T-Hub, IIIT-H, Hyderabad.

For inquiries about speaking/collaborating with ReactFoo, write to reactfoo.editorial@hasgeek.com

For details on the Sponsorship and ticket inquiries, write to sales@hasgeek.com or call 7676332020

Hosted by

ReactFoo

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

All submissions

Previous Next

Preview video

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

Submitted May 10, 2020

Duration of the session: 35 mins full talk

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.

Outline #

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.

Requirements #

none

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 https://robrich.org/presentations and follow him on twitter at @rob_rich.