The react native debugger that actually works
npm install @getlimelight/sdk> Chrome DevTools for React Native - Real-time debugging with state inspection, network monitoring, console streaming, and render tracking.
📚 Full documentation at docs.getlimelight.io
- 🔮 State Inspection - Debug Zustand and Redux stores in real-time
- 🔍 Network Monitoring - Inspect all HTTP requests with GraphQL-first support
- 📊 Console Streaming - View logs with stack traces and source detection
- ⚡ Render Tracking - Find why components re-render
- 🛡️ Privacy-First - Automatic redaction of sensitive data
- 🎨 Zero Config - Works out of the box
``bash`
npm install @getlimelight/sdk
`typescript
import { Limelight } from "@getlimelight/sdk";
Limelight.connect();
`
`typescript
import { Limelight } from "@getlimelight/sdk";
Limelight.connect({
projectKey: "your-project-key",
});
`
`typescript
import { Limelight } from "@getlimelight/sdk";
import { useUserStore } from "./stores/user";
import { useCartStore } from "./stores/cart";
Limelight.connect({
stores: {
user: useUserStore,
cart: useCartStore,
},
});
`
Works with Zustand and Redux out of the box.
`typescript
Limelight.connect({
// Connect to web app (optional for desktop)
projectKey: "your-project-key",
// State stores to inspect
stores: {
user: useUserStore,
cart: useCartStore,
},
// Feature flags (all default to true)
enabled: __DEV__,
enableNetworkInspector: true,
enableConsole: true,
enableStateInspector: true,
enableRenderInspector: true,
// Filter or modify events
beforeSend: (event) => {
// Return null to filter out, or modify and return
return event;
},
});
``
- Quick Start Guide
- State Inspection
- Network Monitoring
- Console Streaming
- Render Tracking
- Configuration Reference
MIT © Limelight
---