Skip to content

Commit 77fb2bb

Browse files
committed
Update debugging docs assets for 0.83
1 parent c719226 commit 77fb2bb

File tree

4 files changed

+5
-27
lines changed

4 files changed

+5
-27
lines changed

docs/debugging.md

Lines changed: 4 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ React Native provides an in-app developer menu providing access to debugging fea
1818

1919
Alternative (Android): `adb shell input keyevent 82`.
2020

21-
![The React Native Dev Menu](/docs/assets/debugging-dev-menu-076.jpg)
21+
![The React Native Dev Menu](/docs/assets/debugging-dev-menu-083.jpg)
2222

2323
## Opening DevTools
2424

@@ -27,36 +27,14 @@ Alternative (Android): `adb shell input keyevent 82`.
2727
To open DevTools, either:
2828

2929
- Select "Open DevTools" in the Dev Menu.
30-
- Press <kbd>j</kbd> from the CLI (`npx react-native start`).
30+
- Press <kbd>j</kbd> from the CLI.
3131

32-
On first launch, DevTools will open to a welcome panel, along with an open console drawer where you can view logs and interact with the JavaScript runtime. From the top of the window, you can navigate to other panels, including the integrated React Components Inspector and Profiler.
33-
34-
![React Native DevTools opened to the "Welcome" pane](/docs/assets/debugging-rndt-welcome.jpg)
32+
![React Native DevTools opened to the "Welcome" pane](/docs/assets/debugging-rndt-welcome-083.jpg)
3533

36-
React Native DevTools is powered by a dedicated debugging architecture built into React Native and uses a customized build of the [Chrome DevTools](https://developer.chrome.com/docs/devtools) frontend. This enables us to offer familiar, browser-aligned debugging features that are deeply integrated and built for end-to-end reliability.
34+
On first launch, DevTools will open to a welcome panel, along with an open console drawer where you can view logs and interact with the JavaScript runtime. From the top of the window, you can navigate to other panels, including the integrated React Components Inspector and Profiler.
3735

3836
Learn more in our [React Native DevTools guide](./react-native-devtools).
3937

40-
:::note
41-
React Native DevTools is only available with the Hermes engine, and requires either Google Chrome or Microsoft Edge installed.
42-
:::
43-
44-
:::info
45-
46-
#### Flipper and alternative debugging tools
47-
48-
React Native DevTools replaces the previous Flipper, Experimental Debugger, and Hermes debugger (Chrome) frontends. If you are on an older version of React Native, please go to the docs [for your version](/versions).
49-
50-
For apps using JavaScriptCore instead of Hermes, Direct JSC Debugging is still available (see [Other Debugging Methods](./other-debugging-methods)).
51-
52-
React Native DevTools is designed for debugging React app concerns, and not to replace native tools. If you want to inspect React Native’s underlying platform layers (for example, while developing a Native Module), please use the debugging tools available in Xcode and Android Studio (see [Debugging Native Code](/docs/next/debugging-native-code)).
53-
54-
Other useful links:
55-
56-
- <a href="https://shift.infinite.red/why-you-dont-need-flipper-in-your-react-native-app-and-how-to-get-by-without-it-3af461955109" target="_blank">Why you don’t need Flipper in your React Native app … and how to get by without&nbsp;it&nbsp;↗</a>
57-
58-
:::
59-
6038
## LogBox
6139

6240
LogBox is an in-app tool that displays when warnings or errors are logged by your app.

docs/running-on-device.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -400,7 +400,7 @@ If you run into any issues, please take a look at Apple's [Launching Your App on
400400

401401
You can also iterate quickly on a device using the development server. You only have to be on the same Wi-Fi network as your computer. Shake your device to open the [Dev Menu](debugging.md#opening-the-dev-menu), then enable Fast Refresh. Your app will reload whenever your JavaScript code has changed.
402402

403-
![](/docs/assets/debugging-dev-menu-076.jpg)
403+
![](/docs/assets/debugging-dev-menu-083.jpg)
404404

405405
### Troubleshooting
406406

127 KB
Loading
231 KB
Loading

0 commit comments

Comments
 (0)