Open source React Native debugging studio

guigg1 pts1 comments

NativeScope — local React Native debugging environment<br>Skip to content

Open source · fully local · two modules live<br>One local Studio for what your React Native app is doing.<br>NativeScope is a modular debugging environment with no account and no cloud. Inspect storage, understand HTTP and GraphQL traffic and move between both without rebuilding your workflow around another platform.<br>Get started View on GitHub<br>$npx nativescope

npm<br>One package<br>No login<br>No cloud

Shared context Request → response → changed storage

2 modules available now<br>1 local Studio<br>0 accounts or cloud hops<br>1 config file, modules declared

Module 01 · StorageSee and change the state your app is actually using.<br>Inspect AsyncStorage, MMKV and SQLite live. Navigate large JSON visually, edit inline, compare snapshots and restore safely.<br>Structured search and filters<br>Visual JSON navigation<br>Bidirectional editing and restore<br>Explore Storage

Module 02 · NetworkFollow every request from the wire to the state it changed.<br>Capture HTTP and GraphQL, isolate a new scenario without deleting history, inspect full payloads, replay safely and understand the complete session.<br>Operation-aware HTTP + GraphQL timeline<br>Structured replay and session Insights<br>Automatic Storage impact<br>Explore Network

One integration surface<br>Add capability.<br>Do not add friction.<br>NativeScope has one package and one root config where you declare the modules you want. Enable only what you need; the Studio grows with it. Removing a module removes its surface without leaving an app architecture behind.<br>Read configuration<br>import { defineNativeScopeConfig } from<br>"react-native-nativescope/app"

export default defineNativeScopeConfig({<br>modules: {<br>storage: true,<br>network: true,<br>},<br>})

Local by default<br>Requests, credentials and app state stay between your device and your machine.

One deliberate setup<br>Install once. Enable the modules you want in one config file. Never restructure the app around a debugger.

Dev-only by design<br>Metro removes the instrumentation from release builds, and CI verifies the boundary.

Context travels<br>A network response can lead directly to the storage values it changed.

Built because I needed it.<br>I was tired of guessing what a React Native app had actually stored, scattering logs through the code, and rebuilding screens just to inspect one value. NativeScope is the tool I wanted to install once and forget about until the moment I needed it.<br>I build it in the open, with one standard: the easiest tool to adopt should also be the one you can trust with real data.<br>Caio Barroso Creator of NativeScope

© 2026 NativeScope. Built in the open by Caio Barroso.

nativescope modules storage react native local

Related Articles