[docs] Add tip fragment suggesting alternative tooling re: Flipper (#…

…4140)
facebook · Jun 7, 2024 · 2fe04a5 · 2fe04a5
1 parent a359368
commit 2fe04a5
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/docs/debugging.md b/docs/debugging.md
@@ -56,6 +56,17 @@ To debug using Flipper, the Flipper app must be [installed on your system](https
 Debugging React Native apps with Flipper is [deprecated in React Native 0.73](https://github.com/react-native-community/discussions-and-proposals/pull/641). We will eventually remove out-of-the box support for JS debugging via Flipper.
 :::
 
+:::tip
+
+#### Alternative debugging tools
+
+As React Native transitions away from Flipper, we recommend other existing methods, including first party IDEs, to inspect your application's native code and behaviour.
+
+- [Debugging Native Code](./debugging-native-code)
+- <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 it ↗</a>
+
+:::
+
 </TabItem>
 <TabItem value="new-debugger">
 
@@ -90,9 +101,9 @@ npx react-devtools
 
 :::tip
 
-**Learn how to use React DevTools!**
+#### Learn how to use React DevTools!
 
-- [React DevTools guide](/docs/next/react-devtools)
+- [React DevTools guide](./react-devtools)
 - [React Developer Tools on react.dev](https://react.dev/learn/react-developer-tools)
 
 :::

diff --git a/website/versioned_docs/version-0.74/debugging.md b/website/versioned_docs/version-0.74/debugging.md
@@ -56,6 +56,17 @@ To debug using Flipper, the Flipper app must be [installed on your system](https
 Debugging React Native apps with Flipper is [deprecated in React Native 0.73](https://github.com/react-native-community/discussions-and-proposals/pull/641). We will eventually remove out-of-the box support for JS debugging via Flipper.
 :::
 
+:::tip
+
+#### Alternative debugging tools
+
+As React Native transitions away from Flipper, we recommend other existing methods, including first party IDEs, to inspect your application's native code and behaviour.
+
+- [Debugging Native Code](./native-debugging)
+- <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 it ↗</a>
+
+:::
+
 </TabItem>
 <TabItem value="new-debugger">