@washingtonpost/storybook-addon-web-vitals

0.3.0 • Public • Published

Storybook Addon Web Vitals

Storybook Addon Web Vitals can be used for instant feedback on loading, interactivity, and layout shift metric for each story. We use the web-vitals.

We report on FID, CLS, and LCP.

React Storybook Screenshot

Getting Started

Requires Storybook 6.1 or later

First, install the addon

npm i -D @washingtonpost/storybook-addon-web-vitals

Then, add following content to .storybook/main.js:

module.exports = {
  addons: ["@washingtonpost/storybook-addon-web-vitals"],
};

Usage

See toolbar for feedback

Install

DownloadsWeekly Downloads

660

Version

0.3.0

License

MIT

Unpacked Size

16.9 kB

Total Files

12

Last publish

Collaborators

  • granadoslopez
  • cashack
  • courtneybeesch
  • joshhoegen
  • thiago_srpt
  • alefkow
  • michelle_mark
  • ysmilde
  • shrddhawashpost
  • hanj.washpost
  • hannazakharenko
  • karenwang
  • carsonology
  • yuyanlei
  • dbnapp
  • colemanc4
  • vpenney
  • stevethedev
  • dkao
  • lkcsmith
  • elenalacey
  • zhoyoyo
  • dwuandjune
  • fransandi
  • ashendruk
  • michaeldomine
  • sonia.jindal
  • mark-a-wapo
  • lenacohen
  • chris93007
  • sabrinamochi
  • jorgemhc-dev
  • carlyn
  • dgreen19
  • josephjames
  • niko_kom
  • nicrocs
  • avalbuena
  • sotojl
  • haileyhaymond
  • lukaskeelwapo
  • timborisenko
  • bantupallik
  • kt-prry
  • jesse.post.washpo
  • threeteaspoons
  • emilycsabens
  • shelby.kiefner
  • ortaeg
  • luciovilla
  • tam.steph
  • agillespie
  • weathergrrl1103
  • ani512
  • vonoehsene
  • emmakumer
  • aggyjlee
  • lavanderoi
  • amyerz
  • emily.eng
  • lmelgar
  • sadbumblebee
  • janicekchen
  • jamelhendricks
  • ryanpicou
  • crunchwrap78
  • welchk
  • val-l-hosler
  • nick.mourtoupalas
  • benjaki
  • battand
  • jon.rosado
  • jacknugent27
  • walliby
  • asamireissa
  • courth
  • mahig
  • jchaskell
  • lorenzog
  • carlyle
  • ln-washpost
  • stericson
  • talpert022
  • gengel
  • tuckabelle
  • nauticaharvin
  • aadittambe
  • natalievineberg
  • krbrooks
  • katty-huertas
  • mariaalconadabrooks
  • juniorh28
  • atomictangerine
  • emlorraine
  • helmsc
  • tritico
  • pranavganore
  • danacasidy
  • terrywp
  • ksemanur8
  • dreyvitser
  • mvonesh
  • chelseaconrad
  • arnolda-wp
  • hermionewy
  • wp-aberg
  • sheamus-hei
  • haysstephanie
  • broadwaterne
  • andrevinc
  • kat-alo
  • daniellersaul
  • unconstruct
  • stevefuenteswp
  • rekha26
  • marcnahed
  • amiemunoz
  • chloelangston
  • nmargoliswp
  • martinezy
  • seanwapo
  • ducroquet
  • abidis
  • jakekara
  • jtotoole
  • mjperales
  • arturgalocha
  • ebgranger
  • christian-wp
  • ramyalamati
  • adamsrobw
  • luke.connors
  • wrneff
  • mcdoh
  • floresa
  • taliatrackim
  • lennybronner
  • bitsoglass
  • it_procurement
  • erikreyna
  • davidchaiwapo
  • maddoxnelson
  • juliebacon
  • stephanie.clark
  • bernertj
  • simongle
  • jasonvuong
  • jkoo87
  • kankelcr
  • gregoryauld2014
  • uncompiled
  • jbrown4
  • scarothers
  • khan.salauddin
  • rowhawn
  • subs-npm-builder
  • nealhumphreywapo
  • ashlynstill
  • ptnielsen
  • leslie-s
  • courtney-kan
  • kevin.schaul
  • jakecrump
  • macallah
  • jmuyskens
  • madisonwalls
  • brianaa
  • dsantamarina
  • artmsilva
  • robpc
  • ashtol
  • sberhanu
  • jjalcantara
  • alyssa.fowers
  • brmayes
  • joemfox
  • reubenfb
  • calcantara
  • adrianblanco
  • chiquiesteban
  • iuraizee
  • bdgross
  • ulmonica
  • bmferrill
  • dankeating
  • emamd
  • timmeko
  • kevinuhrmacher
  • shellytan
  • harrystevens
  • chrisrukan
  • allisonnmann
  • aaronsteckelberg
  • shruthagandla
  • braforda
  • hannahmahon
  • adityajain15
  • linorabolini
  • anthonyjpesce
  • 1313davidlee
  • kutyadog
  • kate.rabinowitz
  • fontc
  • cecepascual
  • vsingarayar
  • aramzs
  • ruxk
  • nader_heidari
  • thompsond3
  • mlemieuxwp
  • tylerremmel
  • rcoughlin
  • tmac0201
  • joemoore-post
  • hs4man21
  • ealvarez79
  • hdormido
  • sgpotts
  • yutaochen
  • nwalker_wp
  • apbest
  • briannaschroer
  • shikha-sub
  • naema
  • chloemeister
  • julia.ledur
  • solomonsscott
  • betchavarria
  • eewright
  • nickkirkpatrick
  • trann_wapo
  • tobefrankhj
  • tierneyl
  • essiekim
  • styonsk
  • sergio.pecanha
  • meganwalter
  • alyssabartuch
  • alexisbarnes
  • cullenrombach
  • dmoriarty6
  • mokhtar.ali
  • dpham5
  • klimenkovd
  • davisshaver
  • aaronbrezel
  • moodypaige.e
  • kastningj
  • freedmand