神刀安全网

chrome-react-perf: An Operation Interface for react-addons-perf Package

Chrome React Perf

chrome-react-perf: An Operation Interface for react-addons-perf Package

Features

  • Only inject script if Perf tab is open
  • Automatically show result when stop
  • Stop recording when Perf tab is closed

Link to chrome store

https://chrome.google.com/webstore/detail/react-perf/hacmcodfllhbnekmghgdlplbdnahmhmm

How to get it work

  • Install the extension from Chrome Store
  • Expose Perf (make sure Perf.start() can run from console)

Expose Perf

Chrome React Perf rely on a global variable called Perf. There are several ways to do that.

  • use webpack’s expose loader

    import 'expose?Perf!react-addons-perf'

    or

    loaders: [   {     test: require.resolve("react-addons-perf"),     loader: "expose?Perf"   } ],
  • assign it to window

    import Perf from 'react-addons-perf' window.Perf = Perf
  • If something goes wrong,open an issue or tweet me: @crysislinux .

Install dependencies

npm install

Start with Hot Reloading

npm run dev

Build production version

npm run build

FAQ

Roadmap

  • Start && Stop && Print
  • Get a better logo (Hope someone can help with this)
  • Support multiple profiles
  • Save settings to localStorage

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » chrome-react-perf: An Operation Interface for react-addons-perf Package

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
分享按钮