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
28:44Advanced Typing in TypeScript
Lars Hupel
44:31Vuejs and TypeScript- Working Together like Peanut Butter and Jelly
Rob Richardson
58:19Typed Security: Preventing Vulnerabilities By Design
Michael Koppmann
31:13Lies we Tell Ourselves As Developers
Stefan Baumgartner
42:16Hello generics, goodbye boilerplate!
Miroslav Jonaš
29:30Where we're going we don't need JavaScript - Programming with Type Annotations
Peter Kröner
33:25Practice makes perfect - when it comes to RxJS
Jan-Niklas Wortmann
50:28Angular tips/tricks you can use from tomorrow on
Benedikt Starzengruber
From learning to earning
Jobs that call for the skills explored in this talk.
![Senior Software Engineer [TypeScript] (Prisma Postgres)](https://wearedevelopers.imgix.net/company/283ba9dbbab3649de02b9b49e6284fd9/cover/oKWz2s90Z218LE8pFthP.png?w=400&ar=3.55&fit=crop&crop=entropy&auto=compress,format)
Senior Software Engineer [TypeScript] (Prisma Postgres)
Prisma
Remote
Senior
Node.js
TypeScript
PostgreSQL
Lead Full-Stack Engineer
Hubert Burda Media
München, Germany
€80-95K
Intermediate
Senior
React
Vue.js
Node.js
MongoDB
+1
Fullstack TypeScript Developer - Angular / Node.js (remote)
PDR.cloud GmbH
Remote
Intermediate
CSS
RxJS
REST
Azure
+12
Lead Fullstack Developer - TypeScript / Angular / Node.js
PDR.cloud GmbH
Senior
CSS
RxJS
REST
Azure
Node.js
+8