Learning TypeScript

By ZHANG Tai | | 1 minutes
kubernetes

Some of the notes are take from the book Programming TypeScript

The keying-in operator 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

type APIResponse = {
  user: {
    userId: string;
    friendList: {
      count: number;
      friends: {
        firstName: string;
        lastName: string;
      }[];
    };
  };
};

type FriendList = APIResponse['user']['friendList']

The keyof operator 

1
2
3

type ResponseKeys = keyof APIResponse // 'user'
type UserKeys = keyof APIResponse['user'] // 'userId' | 'friendList'
type FriendListKeys = keyof APIResponse['user']['friendList'] // 'count' | 'friends'

Mapped Types

https://www.typescriptlang.org/docs/handbook/2/mapped-types.html

Companion Object Pattern

in the same scope, you can have the same name bound to both a type and a value. It lets you group type and value information that’s semantically part of a single name (like Currency) together. It also lets consum‐ ers import both at once:

1

import {Currency} from './Currency'