.map(ball => makeSquare(ball))

Operators

map Operator

map(                ):           <R> {
  const        = this;
  return new           (     =>
          .subscribe(x =>
          .next(       (x))
  );
}

Operator Anatomy

1. Operator Arguments

flatMap<T, R>(
  project:(value: T) => Observable<R>
): Observable<R>

flatMap

lift<T, R>(
  project:(Observer<R>) => Observer<T>
): Observable<R>

lift

class Observable {
  map(project) {
    return this.lift(
      new MapOperator(project));
  }
}

lifted map

class MapOperator {
  constructor(project) {}
  call(sink, source) {
    return source.subscribe(
      new MapObserver(sink, this.project));
  }
}

lifted map

class MapObserver {
  constructor(sink, project) {}
  next(x) {
    this.sink.next(this.project(x));
  }
}

lifted map

1. Predictable shapes

Advantages

of(  ,  ,  ,  )
.map(makeSquare)
.filter(isGreen)

Observable Chain