storybook-addon-perf

1.0.4 • Public • Published

Storybook Addon Perf

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

This addon works with Storybook for: React.

Storybook Addon Perf Demo

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>
  ));

Package Sidebar

Install

npm i storybook-addon-perf

Weekly Downloads

1

Version

1.0.4

License

MIT

Last publish

Collaborators

  • ytanruengsri