{"id":13406743,"url":"https://github.com/oblador/react-native-performance","last_synced_at":"2025-05-14T19:06:56.098Z","repository":{"id":37621628,"uuid":"225045576","full_name":"oblador/react-native-performance","owner":"oblador","description":"📐 Monitor and measure React Native performance","archived":false,"fork":false,"pushed_at":"2024-03-08T21:36:31.000Z","size":1585,"stargazers_count":967,"open_issues_count":10,"forks_count":42,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-04-15T03:38:41.955Z","etag":null,"topics":["flipper","metrics","performance","react-native"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/oblador.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["oblador"]}},"created_at":"2019-11-30T17:19:06.000Z","updated_at":"2025-04-14T22:48:59.000Z","dependencies_parsed_at":"2024-06-18T13:38:59.246Z","dependency_job_id":"308f326d-8a2a-4bd5-8891-356ee17daecc","html_url":"https://github.com/oblador/react-native-performance","commit_stats":{"total_commits":137,"total_committers":18,"mean_commits":7.611111111111111,"dds":"0.35036496350364965","last_synced_commit":"c0d8d1a41311bfde7eafd4d9ff502b463732e510"},"previous_names":["oblador/flipper-plugin-react-native-performance"],"tags_count":29,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oblador%2Freact-native-performance","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oblador%2Freact-native-performance/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oblador%2Freact-native-performance/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oblador%2Freact-native-performance/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oblador","download_url":"https://codeload.github.com/oblador/react-native-performance/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249003931,"owners_count":21196789,"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":["flipper","metrics","performance","react-native"],"created_at":"2024-07-30T19:02:38.096Z","updated_at":"2025-04-15T03:38:47.227Z","avatar_url":"https://github.com/oblador.png","language":"TypeScript","funding_links":["https://github.com/sponsors/oblador"],"categories":["TypeScript","React"],"sub_categories":[],"readme":"# React Native Performance tooling\n\nToolchain to measure and monitor the performance of your React Native app in development, pipeline and in production.\n\n## Packages\n\n### [`react-native-performance`](https://github.com/oblador/react-native-performance/blob/master/packages/react-native-performance/README.md)\n\nAn implementation of the [`Performance` API](https://developer.mozilla.org/en-US/docs/Web/API/Performance) for React Native.\n\n- Integrates well with `React.Profiler` API\n- Trace arbitrary events in your app such as component render time\n- Capture network traffic\n- Collect native traces such as script execution and time to interactive of root view\n- Collect native metrics in development such as JS bundle size\n\n### [`flipper-plugin-performance`](https://github.com/oblador/react-native-performance/blob/master/packages/flipper-plugin-performance/README.md)\n\nVisualize performance tracing on a timeline and generic metrics in the debug tool Flipper.\n\n### [`react-native-performance-flipper-reporter`](https://github.com/oblador/react-native-performance/blob/master/packages/react-native-performance-flipper-reporter/README.md)\n\nConnect the `react-native-performance` library with the `flipper-plugin-performance` visualization tool in development.\n\n### [`isomorphic-performance`](https://github.com/oblador/react-native-performance/blob/master/packages/isomorphic-performance/README.md)\n\nIsomorphic Performance API for Node, Browser \u0026 React Native. Useful if your app targets both web and native.\n\n## Demo\n\nSee the projects in the [`examples`](https://github.com/oblador/flipper-plugin-react-native-performance/tree/master/examples) folder.\n\n## Development\n\nMake sure to have [`yarn`](https://classic.yarnpkg.com/lang/en/) v1 installed and run `yarn` in the root folder to install dependencies for all packages.\n\nUninstall the Flipper Performance plugin if previously installed. Then edit your `~/.flipper/config.json` to look something like this:\n\n```\n{\n  \"pluginPaths\": [\"/path/to/react-native-performance/packages\"]\n}\n```\n\nContinously compile the plugin as you edit with:\n\n```bash\nyarn workspace flipper-plugin-performance run watch\n```\n\nRun the example app with:\n\n```bash\ncd examples/vanilla\nyarn start # important to run this before the next step!\nyarn ios # or yarn android\n```\n\nRun the unit tests with:\n\n```bash\nyarn test\n```\n\n## License\n\nMIT © Joel Arvidsson 2019 – present\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foblador%2Freact-native-performance","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foblador%2Freact-native-performance","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foblador%2Freact-native-performance/lists"}