It's always interesting to see real world applications of new Web functionality, so kudos to the Stripe team for pushing the envelope in an environment where mistakes could surely be expensive. I hadn't realised that CSS Grid Layout was a viable option for production use yet, for example, so TIL.

I do wonder whether sometimes the code here is using trendy tools just to be trendy, though. For example, is

    const getDistance = (state, rotate) =>
      ["x", "y"].reduce((object, axis) => {
        object[axis] = Math.abs(state[axis] + rotate[axis]);
        return object;
      }, {});

really an improvement on grandpa's version

    function getDistance(state, rotate) {
        return {
            x: Math.abs(state.x + rotate.x),
            y: Math.abs(state.y + rotate.y)
        };
    }

?