WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Mar 24, 2021

Vuejs and TypeScript- Working Together like Peanut Butter and Jelly

Rob Richardson

How do you handle untyped JavaScript libraries in a mature Vue and TypeScript project? Discover type integration strategies to safely bridge this gap without relying on risky escape hatches.

Pause
Mute Enter Fullscreen
#1 about 3 min

Comparing Vue to React and Angular

An overview of why Vue optimizes for developer productivity compared to Angular's tooling focus and React's complex state capabilities.

#2 about 2 min

Initializing a new Vue application via the CLI

How to use the Vue CLI to scaffold a new project and select features like Babel, TypeScript, and routing.

#3 about 5 min

Solving function calling errors with TypeScript

How TypeScript acts as a design-time superset of JavaScript to ensure you structure and call functions correctly.

#4 about 4 min

Annotating codebase files with explicit TypeScript constraints

Renaming JavaScript files to TypeScript and adding explicit type hints to interfaces and function parameters.

#5 about 4 min

Configuring Vue single-file components with TypeScript

How single-file Vue components leverage the TypeScript execution context alongside scoped CSS and HTML templates.

#6 about 4 min

Resolving type errors when installing Vuetify components

Troubleshooting typing issues that arise when importing external design libraries into a strict TypeScript project.

#7 about 4 min

Building interactive counter and form components

Creating interactive counter components and utilizing robust Vuetify text fields to implement input forms.

#8 about 4 min

Resolving form element errors via type casting

How to cast Vue references via the as syntax to tell the TypeScript compiler the expected HTML element type.

#9 about 4 min

Writing custom declaration files for Lodash

Creating a basic definition file to manually add missing TypeScript support for specific Lodash utility methods.

#10 about 2 min

Downloading community type definitions from DefinitelyTyped

Pulling complete interface definitions from the open-source DefinitelyTyped repository to gain vast type checking coverage quickly.

#11 about 5 min

Generating definitions for untyped Vue plugins

Running the TypeScript compiler in declaration mode to auto-generate a starter typings file for legacy Vue-compatible packages.

#12 about 4 min

Prioritized strategies for typing external JavaScript libraries

A prioritized development checklist for introducing strict types to external dependencies that lack out-of-the-box TypeScript compatibility.

#13 about 3 min

Deciding when to adopt or avoid TypeScript

Assessing why TypeScript excels in long-term source clarity but slows down prototyping that depends heavily on untyped dependencies.

Matching moments

1:33 min

Choosing Vue and GraphQL for strong typings

Abdelrahman Awad Abdelrahman Awad · WWC 2025

2:00 min

The origins and early problems solved by TypeScript

Dani Coll Dani Coll · WWC Europe 2026

1:20 min

Core takeaways for end-to-end TypeScript development

Marco Podien Marco Podien · WWC 2025

1:12 min

Choosing TypeScript for complex backend applications

Maximilian Otto Maximilian Otto · WWC 2024

3:57 min

The importance of TypeScript in enterprise Svelte projects

Ivan Hofer · WWC 2022

7:13 min

Evaluating benefits and trade-offs of using TypeScript

Phil Nash · WWC 2023

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer
Open session

World Congress 2026 North America

Beyond Vibe Coding: Using CLI Tools as Your AI Counterpart in Pair Programming

Ron Veen

Java enthusiast and Special agent for Team Rockstars IT

Ron Veen
Open session

World Congress 2026 North America

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Bartosz Leczycki, Paweł Matynia

Bartosz Leczycki
Paweł Matynia
Open session

World Congress 2026 North America

Don’t kill my Vibes - Simple Steps to Stay Secure when Vibe Coding

Isaac Evans

Co-founder & CEO of Semgrep

Isaac Evans

Related videos

Do TypeScript without TypeScript thumbnail
43:27
JS Congress • over 4 years ago

Do TypeScript without TypeScript

Simone Sanfratello

Don't compromise on speedy delivery nor type-safety by choosing TypeScript thumbnail
29:44
WWC 2023 • almost 3 years ago

Don't compromise on speedy delivery nor type-safety by choosing TypeScript

Jens Claes

TDD for Vue.js Developers thumbnail
58:26
LIVE • over 3 years ago

TDD for Vue.js Developers

Markus Oberlehner

Svelte ♥ TypeScript and so will you thumbnail
28:20
WWC 2022 • about 4 years ago

Svelte ♥ TypeScript and so will you

Ivan Hofer

End-to-End TypeScript: Completing the Modern Development Stack thumbnail
29:17
WWC 2025 • 12 months ago

End-to-End TypeScript: Completing the Modern Development Stack

Marco Podien

Building software that scales with Typescript thumbnail
37:18
WWC 2022 • about 4 years ago

Building software that scales with Typescript

Tal Joffe

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.