React Templates & Themes Logo React Templates & Themes
React Native Debugger screenshot

React Native Debugger

Author Avatar Theme by Jhen0409
Updated: 31 Jul 2023
10483 Stars

The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools

Github

Categories

React native Styled components

Overview

React Native Debugger is a standalone app designed for debugging React Native apps. It is based on the official Remote Debugger but provides additional functionality such as React Inspector, Redux DevTools, and Apollo Client DevTools integration. The app is essential for debugging React Native applications efficiently.

Features

  • Standalone App: Separate application for debugging React Native apps.
  • React Inspector: Utilizes React Inspector from react-devtools-core for enhanced debugging capabilities.
  • Redux DevTools Integration: Includes Redux DevTools with the same API as redux-devtools-extension.
  • Apollo Client DevTools: Integrated Apollo Client DevTools (apollographql/apollo-client-devtools) as a devtools extension.

Installation

To install React Native Debugger, you have several options:

  • Download a prebuilt binary from the release page.
  • For macOS users, use Homebrew Cask for installation:
    • For Homebrew 2.6.0 and above:
      • brew install --cask react-native-debugger
    • For Homebrew below 2.6.0:
      • brew update && brew cask install https://raw.githubusercontent.com/Homebrew/homebrew-cask/b6ac3795c1df9f97242481c0817b1165e3e6306a/Casks/react-native-debugger.rb

Summary

React Native Debugger is a powerful tool for debugging React Native applications. With features like React Inspector, Redux DevTools integration, and Apollo Client DevTools, developers can efficiently debug and optimize their applications. The installation process is straightforward, making it accessible for both beginners and experienced developers.