RemoteData approach - Slaying a UI Antipattern with Angular

remote-data.ts

export class NotAsked {}
export class Loading {}
export class Faliure<E> {
  constructor(private error: E){}
  fold(): E {
    return this.error;
  }
}
export class Success<T> {
  constructor(private value: T){}
  fold(): T {
    return this.value;
  }
}

export type RemoteData<E, T> = NotAsked | Loading | Faliure<E> | Success<T>