@hello-pangea/dnd/src/debug/middleware/user-timing.ts

Beautiful and accessible drag and drop for lists with React

import type { Action } from '../../state/store-types';

export default () =>
  (next: (a: Action) => unknown) =>
  (action: Action): any => {
    const title = `👾 redux (action): ${action.type}`;
    const startMark = `${action.type}:start`;
    const endMark = `${action.type}:end`;

    performance.mark(startMark);
    const result: unknown = next(action);
    performance.mark(endMark);

    performance.measure(title, startMark, endMark);

    return result;
  };