Notes from https://www.youtube.com/watch?v=wOsqWoszMDI

index.js

document.body.style.setProperty('--value', "pink");

// :root {
//   --value: brown;
// }

// background: var(--value);

// 0 could become a problem as there is no delay.
const animFrameStream = interval(0, animationFrameScheduler);

const smoothMoveStream = animFrameStream.pipe(
  withLatestFrom(moveStream, (frame, move) => move),
  scan(lerp)
);

// Linear Interpolation
const lerp = (current, next) => {
  const dx = next.x - current.x;
  const dy = next.y - current.y;
  const ratio = 0.1;
  
  return {
    x: current.x + dx * ratio,
    y: current.y + dy * ratio
  }
}

// Design your week RxJS https://codepen.io/davidkpiano/pen/0069791abf6250e65b6a42ac8e2a213c