Skip to content

Commit 75b9a26

Browse files
authored
docs: formatting and grammar suggestions
1 parent eedb686 commit 75b9a26

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

docusaurus/docs/reactnative/guides/debug_mode_using_flipper_plugin.mdx

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -9,30 +9,30 @@ import FlipperDesktopGuide from '../assets/guides/debug-mode-using-flipper-plugi
99

1010
## Overview
1111

12-
Flipper is a platform for debugging iOS, Android and React Native apps. You can debug Stream Chat within your application by using our interface within the Flipper Desktop app. This will help you analyze multiple parameters of the application which are a part of Stream Chat React Native interface.
12+
Flipper is a platform for debugging iOS, Android, and React Native apps. You can debug Stream Chat within your application using our Flipper Desktop app interface. This plugin will help you analyze multiple parameters of your application which are part of the Stream Chat React Native interface.
1313

1414
<img src={FlipperBanner} />
1515

16-
## Features:
17-
16+
## Features
17+
The plugin supports the following features:
1818
- Viewing the authenticated client in the Chat.
19-
- Viewing the Channels, Message and Thread list data as we navigate through the screen.
19+
- Viewing the Channels, Message, and Thread list data as you navigate the app.
2020
- Copying and visualizing all the data.
2121

22-
These features are part of the 1st version of this plugin. More features will be added in the future, may you have any ideas/suggestions, please reach out via the [SDK's discussions page](https://github.com/GetStream/stream-chat-react-native/discussions)
22+
These features are part of the 1st version of this plugin; more features will be added in the future. If you have any ideas/suggestions, please reach out via the [SDK's discussions page](https://github.com/GetStream/stream-chat-react-native/discussions).
2323

24-
## How to do so?
24+
## Installation Instructions
2525

26-
- Firstly, you would need to install the Flipper plugin within your Desktop client. To do so, follow these steps:
26+
1. First, install the Flipper plugin within your Desktop client. To do so, follow these steps:
2727

2828
- Download the Flipper Desktop app from [here](https://fbflipper.com/).
29-
- After downloading the desktop app, move to **Plugin Manager** section of the app and then select the **Install Plugins** tab.
30-
- Search for **stream-chat-react-native** and you will find this plugin.
31-
- Click on Install to install it.
29+
- After downloading the desktop app, move to the **Plugin Manager** section of the app and select the **Install Plugins** tab.
30+
- Search for **stream-chat-react-native**, and you will find the plugin.
31+
- Click on **Install** to install it.
3232

3333
<img src={FlipperDesktopGuide} />
3434

35-
- Next, we will need to install `stream-chat-react-native-devtools` to your application as a dev dependency. This dependency will make communication possible between the RN Stream Chat SDK and the flipper plugin.
35+
2. Next, install `stream-chat-react-native-devtools` to your application as a dev dependency. This dependency will make communication possible between the RN Stream Chat SDK and the Flipper plugin.
3636

3737
```
3838
yarn add --dev stream-chat-react-native-devtools
@@ -44,7 +44,7 @@ These features are part of the 1st version of this plugin. More features will be
4444
npm install --save-dev stream-chat-react-native-devtools
4545
```
4646

47-
- To interact with the Flipper Plugin you need an additional dependency `react-native-flipper`. You can install it as a dev dependency, as:
47+
3. To interact with the Flipper Plugin you need an additional dependency `react-native-flipper`. You can install it as a dev dependency, as:
4848

4949
```
5050
yarn add --dev react-native-flipper
@@ -56,7 +56,7 @@ These features are part of the 1st version of this plugin. More features will be
5656
npm install --save-dev react-native-flipper
5757
```
5858

59-
- Wrap `DebugContextProvider` to the root of the component tree to the App component and pass the `useFlipper` function.
59+
4. Wrap the root of the component tree with `DebugContextProvider` and pass the `useFlipper` function.
6060

6161
```tsx
6262
import { DebugContextProvider } from 'stream-chat-react-native';

0 commit comments

Comments
 (0)