vb / Perf Hoc
(Deprecated) Visualize and detect unnecessary rendering and performance issues in React.
Stars: ✭ 87
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Perf Hoc
React Native Slowlog
A high-performance timer based profiler for React Native that helps you track big performance problems.
Stars: ✭ 363 (+317.24%)
Mutual labels: debugging, performance
Opencl Intercept Layer
Intercept Layer for Debugging and Analyzing OpenCL Applications
Stars: ✭ 189 (+117.24%)
Mutual labels: debugging, performance
Trace Nodejs
Trace is a visualised distributed tracing platform designed for microservices.
Stars: ✭ 471 (+441.38%)
Mutual labels: debugging, performance
Training Material
A collection of code examples as well as presentations for training purposes
Stars: ✭ 85 (-2.3%)
Mutual labels: debugging
Pwmetrics
Progressive web metrics at your fingertipz
Stars: ✭ 1,243 (+1328.74%)
Mutual labels: performance
Json in type
Fast json encoder in rust, that encodes the structure of JSON values in their types
Stars: ✭ 80 (-8.05%)
Mutual labels: performance
React Native Logs
Performance-aware simple logger for React-Native with namespaces, custom levels and custom transports (colored console, file writing, etc.)
Stars: ✭ 84 (-3.45%)
Mutual labels: debugging
Methodtraceman
用于快速找到高耗时方法,定位解决Android App卡顿问题。通过gradle plugin+ASM实现可配置范围的方法插桩来统计所有方法的耗时,并提供友好的界面展示,支持耗时筛选、线程筛选、方法名筛选等。(A Tool for Discovering High Time-consuming Methods for Android App)
Stars: ✭ 1,258 (+1345.98%)
Mutual labels: performance
Torchlambda
Lightweight tool to deploy PyTorch models to AWS Lambda
Stars: ✭ 83 (-4.6%)
Mutual labels: performance
Lighthouse Keeper
Keep an eye on Google Lighthouse score changes directly on GitHub 💡👀
Stars: ✭ 82 (-5.75%)
Mutual labels: performance
Junitperf
⛵️Junit performance rely on junit5 and jdk8+.(java 性能测试框架)
Stars: ✭ 86 (-1.15%)
Mutual labels: performance
D2dlib
A .NET library for hardware-accelerated, high performance, immediate mode rendering via Direct2D.
Stars: ✭ 84 (-3.45%)
Mutual labels: performance
Google It Automation With Python
Repository to keep track of Google IT Automation with Python provided by Coursera
Stars: ✭ 86 (-1.15%)
Mutual labels: debugging
Lighthouse Batch
Run Lighthouse analysis over multiple sites in a single command
Stars: ✭ 83 (-4.6%)
Mutual labels: performance
Quicklink
⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time
Stars: ✭ 9,176 (+10447.13%)
Mutual labels: performance
Deprecated
This functionality is now included in the React Devtools under the option "Highlight Updates"
Performance HOC
perf-hoc (previously lcHOC) is a HOC (higher order component) in React that visualize rendering and logs helpful information.
Enhance each component you want to study with perfHOC and every time that component updates, a green flash wraps the component (much like paint flashing in devtools) and debugging information is logged to the console.
https://perf-hoc-demo-ggdtpwmnny.now.sh/
Demo:Installation and usage
// Step 1: Install
npm install perf-hoc --save-dev;
// Step 2: Import
import perfHOC from 'perf-hoc';
// Step 3: Enhance
// by decorating
@perfHOC
class componentToStudy extends Component { ...
// or by wrapping
export default perfHOC(componentToStudy);
Customize
{
log: {
use: true,
expanded: false,
renderCount: true,
state: true,
props: true,
timings: true
},
flash: true
}
You can customize perfHOC by overriding the default settings object above. Example below.
// Decorating with customization
@perfHOC({flash: false, log: {state: false}})
// Wrapping with customization
perfHOC(componentToStudy, {
flash: false,
log {
state: false
}
});
Contribute
If you have ideas on how to improve this component feel free to request a feature or submit a pull request!
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].