React Native Beagle
React Native Beagle is your trusty debugging companion, helping you sniff out bugs and performance issues in your React Native applications. Like a keen-nosed Beagle on the trail, it tracks network requests, logs custom data, and provides a user-friendly interface for inspecting your app’s inner workings during development and testing.Why Beagle?
Beagle is designed to make debugging React Native apps easier and more efficient. It’s a zero-dependency, lightweight tool that seamlessly integrates into your development workflow without adding bloat to your application.Key Features
Automatic Network Logging
Automatically logs all network requests and responses, including headers, body, and timing information.
Customizable Plugins
Create your own plugins to log custom data, such as analytics events, feature flags, or storage operations.
Custom Log Detail Pages
Design custom detail pages for different log types to display relevant information in a structured way.
Built-in Log Types
Provides built-in log types for common use cases, such as messages and errors.
Export Logs
Export logs as JSON for sharing or further analysis.
Themeable UI
Choose from light and dark themes to match your app’s design.
Clipboard Integration
Easily copy log details to the clipboard for sharing or further analysis.
Zero Dependencies
No external dependencies means a smaller bundle size and fewer conflicts.
Get Started
Installation
Install React Native Beagle in your project
Quick Start
Set up Beagle and start logging in minutes
Custom Plugins
Learn how to create custom plugins for your specific logging needs
Content Types
Explore the flexible content system for building rich detail pages
Example Use Cases
- Debug Network Issues: Inspect API requests and responses to identify connectivity problems or malformed data
- Track Analytics Events: Create custom plugins to log analytics events and verify they’re firing correctly
- Monitor Errors: Catch and log errors with detailed stack traces and context
- Inspect Feature Flags: Log feature flag states to debug conditional functionality
- Verify Storage Operations: Track AsyncStorage or other storage operations to ensure data persistence
Beagle is designed for development and testing environments. Make sure to disable it in production builds to avoid exposing sensitive information.