@anvilapp/react-native-debugger-client

React-native remote debugger client

Usage no npm install needed!

<script type="module">
  import anvilappReactNativeDebuggerClient from 'https://cdn.skypack.dev/@anvilapp/react-native-debugger-client';
</script>

README

Console image

Installation

npm install -g @anvilapp/react-native-debugger-server
npm install @anvilapp/react-native-debugger-client --save-dev

or

yarn global add @anvilapp/react-native-debugger-server
yarn add @anvilapp/react-native-debugger-client --dev

Usage

Run debugger server

rndebugger

or with params

rndebugger --port=8788 --socketPort=8787

Open http://localhost:8788/debugger in your browser

Add to index.js

import {runDebugger} from '@anvilapp/react-native-debugger-client'; // Add to the top
import {AppRegistry} from 'react-native';
import {name as appName} from './app.json';
import App from './App';

if (__DEV__) {
    const your_ip_address = '192.168.88.15:8787'; // default port is 8787
    runDebugger(your_ip_address);
}

AppRegistry.registerComponent(appName, () => App);

console.log('Something...');

Supported methods

console.error
console.group
console.groupCollapsed
console.groupEnd
console.info
console.log
console.table
console.warn