{"id":25289250,"url":"https://github.com/moonrailgun/dreaction","last_synced_at":"2025-11-27T22:00:48.415Z","repository":{"id":267493641,"uuid":"901409297","full_name":"moonrailgun/dreaction","owner":"moonrailgun","description":"Your best debug tool in react-native","archived":false,"fork":false,"pushed_at":"2025-11-15T13:32:59.000Z","size":4161,"stargazers_count":6,"open_issues_count":2,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-16T01:25:54.448Z","etag":null,"topics":["debug","expo","react-native","reactotron"],"latest_commit_sha":null,"homepage":"https://dreaction-website.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/moonrailgun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-12-10T15:52:22.000Z","updated_at":"2025-11-15T13:33:03.000Z","dependencies_parsed_at":"2025-01-16T16:57:08.508Z","dependency_job_id":"b75e5fc8-7524-4679-b82c-12680b7a0ca1","html_url":"https://github.com/moonrailgun/dreaction","commit_stats":null,"previous_names":["moonrailgun/dreaction"],"tags_count":13,"template":false,"template_full_name":null,"purl":"pkg:github/moonrailgun/dreaction","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moonrailgun%2Fdreaction","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moonrailgun%2Fdreaction/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moonrailgun%2Fdreaction/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moonrailgun%2Fdreaction/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/moonrailgun","download_url":"https://codeload.github.com/moonrailgun/dreaction/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moonrailgun%2Fdreaction/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":27283992,"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","status":"online","status_checked_at":"2025-11-26T02:00:06.075Z","response_time":193,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["debug","expo","react-native","reactotron"],"created_at":"2025-02-12T23:52:28.845Z","updated_at":"2025-11-27T22:00:48.396Z","avatar_url":"https://github.com/moonrailgun.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DReaction\n\nYour best debug tool for `React Native`, `React/Web`, and `Native Android`\n\n**Highlight**:\n\n- 🟠 Debug Ball (Suuuuuper useful for QA!) 👀\n- 📜 Logs/Network (Easily track logs and network requests) 🌐\n- 🔍 Data Watcher (Keep an eye on your data in real-time) 📊\n- ⚡ Custom Command (Run your own custom commands to make debugging even smoother) 🖥️\n- 📈 Performance Monitor (Monitor your app’s performance and optimize like a pro) 💪\n\n## Screenshot\n\n![](./docs/demo.gif)\n\n#### Draggable ball\n\nThis is a draggable ball, you can drag it to anywhere you want. useful for your application is running in a non-developer's phone.\n\n![](./docs/1.png)\n\n#### Summary\n\nThis is a summary of current connections.\n\n![](./docs/2.png)\n\n#### Logs and Network\n![](./docs/3.png)\n\n#### Data Watcher\n![](./docs/4.png)\n\n#### Custom Command\n![](./docs/5.png)\n\n#### Performance Monitor\n![](./docs/6.png)\n\n\n\n## Get start\n\n### Install Client in your Desktop\n\nDownload binary client in release page.\n\n[https://github.com/moonrailgun/dreaction/releases](https://github.com/moonrailgun/dreaction/releases)\n\n### Install package for React Native\n\n```bash\nnpm install dreaction-react-native\n```\n\nAuto connect in dev\n\n```typescript\nimport { dreaction } from 'dreaction-react-native';\n\nif(__DEV__) {\n  dreaction\n    .configure()\n    .setAsyncStorageHandler(AsyncStorage)\n    .useReactNative()\n    .connect();\n}\n```\n\nor use a ball which can custom ip in mobile, its very helpful for your application is running in a non-developer's phone.\n\n```tsx\nimport { DReactionDraggableBall } from 'dreaction-react-native';\n\nfunction AppContainer() {\n  return (\n    \u003c\u003e\n      \u003cApp /\u003e\n      \u003cDReactionDraggableBall /\u003e\n    \u003c/\u003e\n  );\n}\n```\n\n### Install SDK for Native Android\n\nAdd JitPack repository and dependency:\n\n```gradle\n// settings.gradle.kts or root build.gradle\nrepositories {\n    maven { url 'https://jitpack.io' }\n}\n\n// app/build.gradle\ndependencies {\n    debugImplementation 'com.github.moonrailgun:dreaction:android-1.0.0'\n}\n```\n\nInitialize in your Application class:\n\n```kotlin\nimport com.moonrailgun.dreaction.DReaction\nimport com.moonrailgun.dreaction.DReactionConfig\n\nclass MyApplication : Application() {\n    override fun onCreate() {\n        super.onCreate()\n        \n        if (BuildConfig.DEBUG) {\n            DReaction.configure(\n                DReactionConfig(\n                    host = \"192.168.1.100\", // Your dev machine IP\n                    port = 9600,\n                    name = \"My Android App\"\n                )\n            )\n            .useLogger()\n            .useNetwork()\n            .usePerformance(this)\n            .useCustomCommand()\n            .useSharedPreferences(this)\n            .connect()\n            \n            DReaction.performance?.startMonitoring()\n        }\n    }\n}\n```\n\nSee [Android SDK Documentation](./sdk/android/README.md) for more details.\n\n## Example\n\nCheck here to learn how to use those feature in code\n\n[https://github.com/moonrailgun/dreaction/blob/master/example/expo-app/utils/dreaction.ts](https://github.com/moonrailgun/dreaction/blob/master/example/expo-app/utils/dreaction.ts) \n\n\n## Special Thanks\n\nThis Project is quick start from [reactotron](https://github.com/infinitered/reactotron), most protocol is same. thanks for provide so easy to use tools. This project just add more easy to use feature and improve UI.\n\n## License\n\nThis project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoonrailgun%2Fdreaction","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmoonrailgun%2Fdreaction","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoonrailgun%2Fdreaction/lists"}