Lars Hupel
Advanced Typing in TypeScript
#1about 4 minutes
Understanding the core design principles of TypeScript
TypeScript's design is based on core tenets like structural typing, powerful type inference, and support for common JavaScript patterns.
#2about 6 minutes
A practical example of typing the DOM API
The `addEventListener` method is typed using string literal types, the `keyof` operator, and an event map interface to provide type safety for different event types.
#3about 5 minutes
Designing a type-safe data pipeline inspired by Pandas
A type-safe data processing API can be designed to overcome the runtime errors common in libraries like Pandas by tracking the shape of data frames.
#4about 4 minutes
Using generic record types for table columns
The `Table` interface uses a generic type parameter constrained to `Record<string, any>` to represent named columns with specific types.
#5about 7 minutes
Implementing and demonstrating the data pipeline API
A live demo showcases the API's type inference capabilities for selecting, computing, and dropping columns from a table without explicit type annotations.
#6about 3 minutes
Answering questions on partial types and inference
The Q&A covers handling partial objects in constructors and demonstrates how TypeScript correctly infers the types of newly computed columns.
Related jobs
Jobs that call for the skills explored in this talk.
MARKT-PILOT GmbH
Stuttgart, Germany
Remote
€75-90K
Senior
Java
TypeScript
+1
Hubert Burda Media
München, Germany
€80-95K
Intermediate
Senior
JavaScript
Node.js
+1
Eltemate
Amsterdam, Netherlands
Intermediate
Senior
TypeScript
Continuous Integration
+1
Matching moments
08:07 MIN
Exploring modern JavaScript performance and new CSS features
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
02:49 MIN
Using AI to overcome challenges in systems programming
AI in the Open and in Browsers - Tarek Ziadé
03:16 MIN
Improving the developer feedback loop with specialized tools
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
14:14 MIN
Scripting presentations and demos in VS Code
Devs vs. Marketers, COBOL and Copilot, Make Live Coding Easy and more - The Best of LIVE 2025 - Part 3
03:58 MIN
Making accessibility tooling actionable and encouraging
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
04:56 MIN
Recreating React components using AI and dev tools
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
04:57 MIN
Increasing the value of talk recordings post-event
Cat Herding with Lions and Tigers - Christian Heilmann
11:32 MIN
The industry's focus on frameworks over web fundamentals
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
Featured Partners
Related Videos
Don't compromise on speedy delivery nor type-safety by choosing TypeScript
Jens Claes
Where we're going we don't need JavaScript - Programming with Type Annotations
Peter Kröner
Lies we Tell Ourselves As Developers
Stefan Baumgartner
All you need is types
Tal Joffe
The Art and Craft of Type Development
Michael Hladky & Stefan Baumgartner
Building software that scales with Typescript
Tal Joffe
Typed Security: Preventing Vulnerabilities By Design
Michael Koppmann
Do TypeScript without TypeScript
Simone Sanfratello
Related Articles
View all articles



From learning to earning
Jobs that call for the skills explored in this talk.

Confideck GmbH
Vienna, Austria
Remote
Intermediate
Senior
Node.js
MongoDB
TypeScript

AOK Systems GmbH
Hamburg, Germany
C++
JavaScript
TypeScript
Microservices
Amazon Web Services (AWS)

OfferZen
Amsterdam, Netherlands
Intermediate
CSS
REST
TypeScript
Unit Testing
Microservices
+1



engelhardt softwareentwicklung GmbH
Ditzingen, Germany
Remote
CSS
GIT
HTML
Java
+10

DATATRONiQ
Berlin, Germany
Senior
React
Node.js
JavaScript
TypeScript
Kubernetes
+4

engelhardt softwareentwicklung
Ditzingen, Germany
API
GIT
Angular
TypeScript
