jamiebuilds / React Performance Observer
Licence: mit
Get performance measurements from React Fiber
Stars: β 207
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Performance Observer
Redux Bug Reporter
π A bug reporter and bug playback tool for redux. π
Stars: β 683 (+229.95%)
Mutual labels: debug, devtools
Devtools
Tools for developing Elm programs! π§
Stars: β 77 (-62.8%)
Mutual labels: debug, devtools
Webdriverio
Next-gen browser and mobile automation test framework for Node.js
Stars: β 7,214 (+3385.02%)
Mutual labels: devtools, performance
Redux Remotedev
Redux DevTools for production (web and React Native) with a highly flexible API.
Stars: β 265 (+28.02%)
Mutual labels: debug, devtools
Lightproxy
π Cross platform Web debugging proxy
Stars: β 2,347 (+1033.82%)
Mutual labels: debug, devtools
Profiler
Firefox Profiler β Web app for Firefox performance analysis
Stars: β 546 (+163.77%)
Mutual labels: devtools, performance
Calip
calip(er): all functions deserve to be measured and debugged at runtime
Stars: β 71 (-65.7%)
Mutual labels: debug, performance
Vue Perf Devtool
Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components.
Stars: β 510 (+146.38%)
Mutual labels: devtools, performance
Remote Redux Devtools
Redux DevTools remotely.
Stars: β 1,774 (+757%)
Mutual labels: debug, devtools
Estimo
Evaluates how long the browser will execute your javascript code.
Stars: β 138 (-33.33%)
Mutual labels: devtools, performance
debug.js
Debugger of JavaScript, by JavaScript, for JavaScript
Stars: β 19 (-90.82%)
Mutual labels: devtools, debug
Timeasure
Transparent method-level wrapper for profiling purposes in Ruby
Stars: β 192 (-7.25%)
Mutual labels: measurements, performance
San Devtools
Browser developer tools extension for debugging San.
Stars: β 51 (-75.36%)
Mutual labels: debug, devtools
Jscost.org
JSCost.org - a JavaScript cost visualizer πΈ
Stars: β 101 (-51.21%)
Mutual labels: devtools, performance
Redux Devtools Extension
Redux DevTools extension.
Stars: β 13,236 (+6294.2%)
Mutual labels: debug, devtools
The Front End Knowledge You May Not Know
π δ½ ε―θ½δΈη₯ιηεη«―η₯θ―ηΉ
Stars: β 2,238 (+981.16%)
Mutual labels: debug, performance
Fastmod
A C/C++ header file for fast 32-bit division remainders (and divisibility tests) on 64-bit hardware.
Stars: β 203 (-1.93%)
Mutual labels: performance
Laravel Partialcache
Blade directive to cache rendered partials in laravel
Stars: β 205 (-0.97%)
Mutual labels: performance
Labjs
Loading And Blocking JavaScript: On-demand parallel loader for JavaScript with execution order dependencies
Stars: β 2,277 (+1000%)
Mutual labels: performance
react-performance-observer
Get performance measurements from React Fiber
Install
yarn add --dev react-performance-observer
Usage
react-performance-observer
is a small abstraction over PerformanceObserver
which reports only the measurements that come from React and parses information
out of the name (See ReactDebugFiberPerf).
import { observe } from 'react-performance-observer';
observe(measurements => {
console.log(measurements);
// [
// {
// entryType: "measure",
// name: "β App [mount]",
// componentName: "App",
// phase: "mount",
// startTime: 281,
// duration: 4,
// warning: null
// },
// ...
// ]
});
Or if you want to create your own PerformanceObserver
you can use just the
parseEntry()
method.
import { parseEntry } from 'react-performance-observer';
let observer = new window.PerformanceObserver(list => {
list.getEntries().forEach(entry => {
console.log(parseEntry(entry)); // parsed entry or null
});
});
This code was largely based on react-perf-devtool by @nitin42.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].