Building a real-time drone ground control station in React (opens in new tab)

I had a quadcopter publishing telemetry over MAVLink and a stubborn preference for not leaving the browser. QGroundControl and Mission Planner are both excellent, but they are native apps, and the thing I actually wanted was a status page the rest of the team could open in a tab. Attitude, position, battery, and a running log of whatever the flight controller was complaining about. The catch is that a drone publishes attitude at 30 to 50 Hz, and the first React version of this that anyone wri...