A collaborative Whiteboard powered by WebGL + react-fiber

Example WebGL API:

<WebGLCanvas>
    <WebGLCircle
      x={500}
      y={500}
      radius={200}
      color={faceColor}
    />
    <WebGLCircle
      x={500}
      y={500}
      radius={100}
      color={[Math.random(), Math.random(), Math.random(), 1]}
    />
    <WebGLCircle
      x={500}
      y={500}
      radius={90}
      color={faceColor}
    />

    <WebGLRect
      x={400}
      y={400}
      height={100}
      width={200}
      radius={90}
      color={faceColor}
    />

    <WebGLCircle
      x={450}
      y={450}
      radius={20}
      color={[Math.random(), Math.random(), Math.random(), 1]}
    />
    <WebGLCircle
      x={550}
      y={450}
      radius={20}
      color={[Math.random(), Math.random(), Math.random(), 1]}
    />
</WebGLCanvas>

Provisioning and Running the app:

$ yarn && yarn start

Running tests (enzyme's a bit borked right now with react-fiber):

$ yarn test