You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/profiling.md
-31Lines changed: 0 additions & 31 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -142,37 +142,6 @@ Perform the interactions and press "Stop recording". Recording is resource-inten
142
142
143
143
Unlike System Trace, CPU hotspot profiling is slow so it won't give you accurate measurements. However, it should give you an idea of what native methods are being called, and where the time is being spent proportionally during each frame.
144
144
145
-
## Flipper
146
-
147
-
[Flipper](https://fbflipper.com/) is a platform for debugging mobile apps on iOS and Android. It provides a suite of tools for profiling, inspecting, and debugging React Native applications.
148
-
149
-
### Installation and Setup
150
-
151
-
1. Install Flipper desktop app from the [official website](https://fbflipper.com/)
152
-
2. Add the `react-native-flipper` package to your project:
153
-
154
-
```bash
155
-
npm install react-native-flipper
156
-
```
157
-
158
-
3. Configure Flipper in your React Native app by following the [setup instructions](https://fbflipper.com/docs/getting-started/)
159
-
160
-
### Key Features for Profiling
161
-
162
-
-**Network Inspector**: Monitor network requests and responses
163
-
-**Layout Inspector**: Visualize component hierarchy and layout
164
-
-**Performance Monitor**: Track FPS, memory usage, and CPU usage
165
-
-**Database Inspector**: Inspect SQLite databases
166
-
-**Crash Reporter**: View crash logs and stack traces
167
-
168
-
### Using Flipper for Performance Profiling
169
-
170
-
1. Launch your app with Flipper enabled
171
-
2. Open Flipper desktop app
172
-
3. Select your device from the dropdown
173
-
4. Use the Performance Monitor plugin to track real-time metrics
174
-
5. Use the Layout Inspector to identify rendering bottlenecks
175
-
176
145
## Chrome DevTools
177
146
178
147
Chrome DevTools provides powerful profiling capabilities for JavaScript performance analysis in React Native apps.
0 commit comments