TypeScript - Utilities

Record

type RegisterFormInput = {
  name: string
  email: string
  password: string
  address: string
  phoneNumber: string
  username: string
}

can be written like this:

enum RegisterFormField {
  name,
  email,
  password,
  address,
  phoneNumber,
  username,
}
 
type RegisterFormInput = Record<keyof typeof RegisterFormField, string>

or :

enum RegisterFormField {
  name,
  email,
  password,
  address,
  phoneNumber,
  username,
}
 
type RegisterFormFieldType = keyof typeof RegisterFormField
 
type RegisterFormInput = {
  [key in RegisterFormFieldType]: string
}
/** or */
type RegisterFormInput = Record<RegisterFormFieldType, string>

other examples:

type CardSpecs = {
  name: string
  ID: number
  isPassive: boolean
}
 
type CardRarity = 'common' | 'rare' | 'epic'
/**
can be written like this:
 
enum CardRarityName {
  common,
  rare,
  epic
}
 
type CardRarity = keyof typeof CardRarityName;
*/
 
type CardCollection = Record<CardRarity, CardSpecs>
/**
result:
 
type CardCollection = {
  common: {
    name: string;
    ID: number;
    isPassive: boolean;
  };
  rare: {
    name: string;
    ID: number;
    isPassive: boolean;
  };
  epic: {
    name: string;
    ID: number;
    isPassive: boolean
  }
}
*/

references:

Partial

type RegisterFormInput = {
  name: string
  email: string
  password: string
  address: string
  phoneNumber: string
  username: string
}
 
type OptionalRegisterFormInput = {
  name?: string
  email?: string
  password?: string
  address?: string
  phoneNumber?: string
  username?: string
}

can be written like this:

type RegisterFormInput = {
  name: string
  email: string
  password: string
  address: string
  phoneNumber: string
  username: string
}
 
type OptionalRegisterFormInput = Partial<RegisterFormInput>

reference: TypeScript Docs (opens in a new tab)

other references:

Fun with Advance TypeScript (opens in a new tab)

Remote null vs empty check?