bippy

a set of utilities for working with React fiber. i use this internally for react-scan.

[!WARNING] this project accesses react internals. this is not recommended and may break production apps - unless you acknowledge this risk and know exactly you're doing.

example

import { instrument, traverseFiberRoot } from 'bippy'; // must be imported BEFORE react

instrument({
  onCommitFiberRoot: traverseFiberRoot({
    onRender(fiber) {
      console.log(fiber);
    },
  }),
});

misc

the original bippy character is owned and created by @dairyfreerice. this project is not related to the bippy brand, i just think the character is cute