Add brief links to Replay for debugging

reduxjs · Jun 30, 2024 · ac3a0a2 · ac3a0a2
1 parent 8f9261a
commit ac3a0a2
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/docs/tutorials/essentials/part-1-overview-concepts.md b/docs/tutorials/essentials/part-1-overview-concepts.md
@@ -49,6 +49,8 @@ You should also make sure that you have the React and Redux DevTools extensions
  - [Redux DevTools Extension for Chrome](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en)
  - [Redux DevTools Extension for Firefox](https://addons.mozilla.org/en-US/firefox/addon/reduxdevtools/)
 
+[Replay.io](https://replay.io) also includes built-in support for the Redux Devtools and can be used for debugging React and Redux apps.
+
 ## What is Redux?
 
 It helps to understand what this "Redux" thing is in the first place. What does it do? What problems does it help me solve? Why would I want to use it?

diff --git a/docs/tutorials/essentials/part-2-app-structure.md b/docs/tutorials/essentials/part-2-app-structure.md
@@ -102,6 +102,8 @@ The DevTools have several more commands and options to help you debug your app.
 
 This makes it easier to trace what part of the code dispatched a specific action.
 
+You can also use [Replay.io](https://replay.io) to make recordings of an app and use its built-in React and Redux DevTools support to investigate the application's behavior.
+
 ## Application Contents
 
 Now that you know what the app does, let's look at how it works.

diff --git a/docs/tutorials/fundamentals/part-1-overview.md b/docs/tutorials/fundamentals/part-1-overview.md
@@ -58,6 +58,8 @@ Finally, you should make sure that you have the React and Redux DevTools extensi
  - [Redux DevTools Extension for Chrome](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en)
  - [Redux DevTools Extension for Firefox](https://addons.mozilla.org/en-US/firefox/addon/reduxdevtools/)
 
+[Replay.io](https://replay.io) also includes built-in support for the Redux Devtools and can be used for debugging React and Redux apps.
+
 ## What is Redux?
 
 It helps to understand what this "Redux" thing is in the first place. What does it do? What problems does it help me solve? Why would I want to use it?

diff --git a/docs/tutorials/fundamentals/part-4-store.md b/docs/tutorials/fundamentals/part-4-store.md
@@ -594,6 +594,8 @@ Here's what the "State" and "Diff" tabs look like after we dispatched that "add
 
 These are very powerful tools that can help us debug our apps and understand exactly what's happening inside.
 
+You can also use [Replay.io](https://replay.io) to make recordings of an app and use its built-in React and Redux DevTools support to investigate the application's behavior.
+
 ## What You've Learned
 
 As you've seen, the store is the central piece of every Redux application. Stores contain state and handle actions by running reducers, and can be customized to add additional behaviors.