❤
npm
Sign UpSign In

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

/storybook-addon-perf/

    Package Sidebar

    Install

    npm i storybook-addon-perf

    Repository

    github.com/ytanruengsri/storybook-addon-perf

    Homepage

    github.com/ytanruengsri/storybook-addon-perf#readme

    Weekly Downloads

    1

    Version

    1.0.4

    License

    MIT

    Last publish

    Collaborators

    • ytanruengsri
    Try on RunKit
    Report malware