Michael Hladky & Stefan Baumgartner
The Art and Craft of Type Development
#1about 6 minutes
The challenge of typing deeply nested object properties
Manually creating function overloads for each level of object nesting is not a scalable or dynamic solution for property selection.
#2about 9 minutes
Setting up a playground for advanced type development
Isolate type development by using the TypeScript playground, a sample data object, and a declared function to focus solely on type signatures.
#3about 13 minutes
Recursively generating a union type for nested keys
Build a recursive helper type using string literals and conditional types to generate a union of all possible dot-notation paths for a nested object.
#4about 8 minutes
Inferring the return type from a string path
Use a recursive conditional type with the `infer` keyword to parse a dot-notation string and correctly determine the type of the selected nested property.
#5about 6 minutes
Recapping the workflow and current TypeScript limitations
The development process involves isolating the problem, using helper types, and understanding current limitations like variadic tuple types for dynamic argument lists.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
38:46 MIN
Evaluating the strengths and limitations of TypeScript
Don't compromise on speedy delivery nor type-safety by choosing TypeScript
23:46 MIN
Advanced typing for complex custom operators
How to Create New RxJS Operators
25:07 MIN
Q&A on performance, interfaces, and advanced learning
Where we're going we don't need JavaScript - Programming with Type Annotations
30:50 MIN
How to convince your team to adopt TypeScript
4 Steps from JavaScript to TypeScript
25:14 MIN
Audience Q&A on patterns, typescript, and frameworks
10 must-know design patterns for JS Devs
22:24 MIN
Why TypeScript is essential for building large applications
Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned
03:20 MIN
Why JavaScript and TypeScript dominate modern development
Modern Headless Commerce with Vendure
08:23 MIN
Improving the in-editor experience with better types
Why pair programming is the best usability testing tool for developer focused products?
Featured Partners
Related Videos
Vuejs and TypeScript- Working Together like Peanut Butter and Jelly
Rob Richardson
Lies we Tell Ourselves As Developers
Stefan Baumgartner
Hello generics, goodbye boilerplate!
Miroslav Jonaš
Advanced Typing in TypeScript
Lars Hupel
Typescript, React and Atomic Design - a match made in heaven
Nathalia Rus
All you need is types
Tal Joffe
Where we're going we don't need JavaScript - Programming with Type Annotations
Peter Kröner
Front-End Micro Apps
Serg Hospodarets
From learning to earning
Jobs that call for the skills explored in this talk.


TypeScript / React Entwickler (m/w/d)
Michael Page International (Deutschland) GmbH
Hamburg, Germany
Remote
CSS
RxJS
React
WebPack
+3


{"@context":"https://schema.org/","@type":"JobPosting","title":"TypeScript Developer
Remote
MySQL
Python
NestJS
Node.js
+3














Node.js / TypeScript Engineer - Developer Tools & Libraries
Symbolica AI
Charing Cross, United Kingdom
€65K
API
Python
Node.js
TypeScript

