Vue.js is a developer-friendly SPA framework that compares favorably with React and Angular through its component-based architecture and single-file components.
TypeScript acts as a superset of JavaScript, adding optional type hints at design time to help developers catch errors and understand function signatures faster.
A new Vue project can be configured with TypeScript support using the Vue CLI, but integrating a JavaScript library like Vuetify requires adding its type definitions.
When TypeScript doesn't know the type of a component reference, you can use the `as` keyword to cast it to a specific interface, enabling type-safe method calls.
For libraries without built-in types, you can create a custom `.d.ts` file to declare the module and its functions, or preferably install an existing `@types` package from DefinitelyTyped.
The TypeScript compiler can automatically generate a basic declaration file from a JavaScript file using the `--declaration` flag, providing a starting point for manual refinement.
A prioritized list of techniques for using JavaScript libraries includes using built-in types, installing from DefinitelyTyped, crafting custom declarations, and using casting as a last resort.
TypeScript is ideal for long-lived projects with team communication needs but may be counterproductive if the project relies heavily on JS libraries without type definitions.
31:13Stefan Baumgartner
43:20Michael Hladky & Stefan Baumgartner
43:27Simone Sanfratello
32:28Phil Nash
40:05Nathalia Rus
48:56Tal Joffe
31:21Markus Hatvan
58:26Markus Oberlehner
.webp?w=240&auto=compress,format)
Jobs that call for the skills explored in this talk.
infomax websolutions GmbH
Grassau, Germany
doinstruct Software GmbH
Berlin, Germany
Speech Processing Solutions
Vienna, Austria
SIDESTREAM GmbH
Freelancer Technology Pty Limited
Wiesbaden, Germany