Storybook Addon Perf

Storybook Addon Perf allows you to debug your react components in Storybook.

This addon works with Storybook for: React.

Getting Started

npm i --save-dev react-addons-perf storybook-addon-perf

Then create a file called addons.js in your storybook config.

Add following content to it:

import 'storybook-addon-perf/register';

Then write your stories like this:

import React from 'react';

import { storiesOf } from '@storybook/react';
import { WithPerf } from 'storybook-addon-perf';

import Component from './Component';

storiesOf('Component', module)
  .add('with some feature', () => (
    <WithPerf>
      <Component></Component>
    </WithPerf>
  ));