Lars Hupel

Advanced Typing in TypeScript

What if your types could track data transformations at compile time? Learn the advanced TypeScript patterns that make rock-solid, dynamic APIs possible.

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.

Angular Developer

Picnic Technologies B.V.
Amsterdam, Netherlands

Intermediate
Senior

Featured Partners

From learning to earning

Jobs that call for the skills explored in this talk.