{"id":13422565,"url":"https://github.com/RamonGebben/react-perf-tool","last_synced_at":"2025-03-15T12:30:43.872Z","repository":{"id":76840944,"uuid":"58866062","full_name":"RamonGebben/react-perf-tool","owner":"RamonGebben","description":"[Deprecated] Debug performance of your React application","archived":false,"fork":false,"pushed_at":"2018-06-15T11:40:25.000Z","size":2613,"stargazers_count":414,"open_issues_count":0,"forks_count":12,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-03-09T06:42:44.320Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"isc","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RamonGebben.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-05-15T14:29:04.000Z","updated_at":"2024-10-22T10:42:46.000Z","dependencies_parsed_at":"2024-01-07T18:09:04.750Z","dependency_job_id":null,"html_url":"https://github.com/RamonGebben/react-perf-tool","commit_stats":{"total_commits":34,"total_committers":8,"mean_commits":4.25,"dds":0.4411764705882353,"last_synced_commit":"2da0eaaacfb1dcfc58517513dbab8c8c8a005ff3"},"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RamonGebben%2Freact-perf-tool","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RamonGebben%2Freact-perf-tool/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RamonGebben%2Freact-perf-tool/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RamonGebben%2Freact-perf-tool/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RamonGebben","download_url":"https://codeload.github.com/RamonGebben/react-perf-tool/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243521268,"owners_count":20304186,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-30T23:00:47.892Z","updated_at":"2025-03-15T12:30:43.852Z","avatar_url":"https://github.com/RamonGebben.png","language":"JavaScript","funding_links":[],"categories":["Performance","Uncategorized","JavaScript","📦 Legacy \u0026 Inactive Projects"],"sub_categories":["UI","Uncategorized"],"readme":"# Deprecated 😞\n\n\u003e As of React 16, react-addons-perf is not supported. Please use your browser’s profiling tools to get insight into which components re-render.\n\nFor examples on how to use browsers profiler for performance testing check the [React Docs](https://reactjs.org/docs/optimizing-performance.html#profiling-components-with-the-chrome-performance-tab)\n\n\n# ReactPerfTool\n\n[![Package Quality](http://npm.packagequality.com/shield/react-perf-tool.png)](http://packagequality.com/#?package=react-perf-tool)\n[![Build Status](https://travis-ci.org/RamonGebben/react-perf-tool.svg?branch=master)](https://travis-ci.org/RamonGebben/react-perf-tool) [![Gitter](https://badges.gitter.im/RamonGebben/react-perf-tool.svg)](https://gitter.im/RamonGebben/react-perf-tool?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge)\n[![npm version](https://badge.fury.io/js/react-perf-tool.svg)](https://badge.fury.io/js/react-perf-tool)\n[![license](https://img.shields.io/github/license/RamonGebben/react-perf-tool.svg?maxAge=2592000)](https://github.com/RamonGebben/react-perf-tool/blob/master/LICENSE)\n\nReactPerfTool tries to give you a more visual way of debugging performance of your React application.\nIt does this by using the addons delivered by the React team and community to get measurements and visualize this using graphs. This makes it easier to spot bottlenecks.\n\n![screenshot](./screenshot.png)\n\n## Usage\n\n```bash\nnpm i react-perf-tool react-addons-perf -D\n```\n\n```javascript\nimport ReactPerfTool from 'react-perf-tool';\nimport Perf from 'react-addons-perf';\n\n// Import styles if they don't get loaded already\nimport 'react-perf-tool/lib/styles.css';\n\nexport default function YourApp(props) {\n  return (\u003cdiv className=\"your-app\"\u003e\n    {/*...yourApp */}\n    \u003cReactPerfTool perf={Perf} /\u003e\n  \u003c/div\u003e);\n}\n```\n\n## Contributing\n\nIf you want to contribute just fork the project and start working on one of the open issues or on your own ideas.\nWhen you are done you can open a pull request.\n\n### Code style\nThe project uses a trimmed down version of the [Airbnb Javascript styleguide](https://github.com/airbnb/javascript), and can be checked by running:\n\n```bash\nnpm run lint\n```\n\n### Testing\nFor testing the project uses [Mocha](http://mochajs.org/) and [Chai](http://chaijs.com/).\nFor testing of components the project uses [Enzyme](https://github.com/airbnb/enzyme).\n\n### TL;DR\n\n* `npm run build` - produces production build\n* `npm run dev` - start webpack watch\n* `npm run test` - runs the tests and lints\n  - `npm run lint` - lints all the code\n  - `npm run test:unit` - run only the unit tests\n  - `npm run test:component` - run only the component tests\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRamonGebben%2Freact-perf-tool","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FRamonGebben%2Freact-perf-tool","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRamonGebben%2Freact-perf-tool/lists"}