From 3b02f828ff2a4f9d2846f077e442b8a405e2eb04 Mon Sep 17 00:00:00 2001 From: Alex Hunt Date: Wed, 11 Dec 2024 17:38:13 +0000 Subject: [PATCH] Update React DevTools docs to reference RN DevTools (#7355) --- src/content/learn/react-developer-tools.md | 21 +++------------------ 1 file changed, 3 insertions(+), 18 deletions(-) diff --git a/src/content/learn/react-developer-tools.md b/src/content/learn/react-developer-tools.md index 89208a6bb..9202d8412 100644 --- a/src/content/learn/react-developer-tools.md +++ b/src/content/learn/react-developer-tools.md @@ -53,24 +53,9 @@ Reload your website in the browser now to view it in developer tools. ![React Developer Tools standalone](/images/docs/react-devtools-standalone.png) ## Mobile (React Native) {/*mobile-react-native*/} -React Developer Tools can be used to inspect apps built with [React Native](https://reactnative.dev/) as well. -The easiest way to use React Developer Tools is to install it globally: -```bash -# Yarn -yarn global add react-devtools - -# Npm -npm install -g react-devtools -``` - -Next open the developer tools from the terminal. -```bash -react-devtools -``` - -It should connect to any local React Native app that's running. +To inspect apps built with [React Native](https://reactnative.dev/), you can use [React Native DevTools](https://reactnative.dev/docs/debugging/react-native-devtools), the built-in debugger that deeply integrates React Developer Tools. All features work identically to the browser extension, including native element highlighting and selection. -> Try reloading the app if developer tools doesn't connect after a few seconds. +[Learn more about debugging in React Native.](https://reactnative.dev/docs/debugging) -[Learn more about debugging React Native.](https://reactnative.dev/docs/debugging) +> For versions of React Native earlier than 0.76, please use the standalone build of React DevTools by following the [Safari and other browsers](#safari-and-other-browsers) guide above.