wdyr-flipper-reporter

Installation

you need to install wdyr-flipper first

and then

npm install --save-dev wdyr-flipper-reporter

or

yarn add --dev wdyr-flipper-reporter

or

pnpm add --save-dev wdyr-flipper-reporter

Usage

in your wdyr.js config file

1if (__DEV__) {
2  const whyDidYouRender = require("@welldone-software/why-did-you-render");
3  const defaultNotifier = whyDidYouRender.defaultNotifier;
4  const wdyrStore = whyDidYouRender.wdyrStore;
5  const wdyrFlipper =
6    require("wdyr-flipper-reporter").setupDefaultFlipperReporter(wdyrStore);
7
8  whyDidYouRender(React, {
9    ...options,
10    notifier: (updateInfo) => {
11      // if you want to see more details, please use the defaultNotifier
12      // defaultNotifier(updateInfo)
13      wdyrFlipper.addUpdateInfo(updateInfo);
14    },
15  });
16}