diff --git a/docs/systrace.md b/docs/systrace.md
index 9aa54fe8e18..c6fda4d290d 100644
--- a/docs/systrace.md
+++ b/docs/systrace.md
@@ -7,20 +7,16 @@ title: Systrace
## Example
-`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Capture the non-Timed JS events in EasyProfiler.
+`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Start profiling with an Android profiling tool such as Perfetto or EasyProfiler, then use these markers to identify the events in the captured trace.
```SnackPlayer name=Systrace%20Example
import {Button, Text, View, StyleSheet, Systrace} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
const App = () => {
- const enableProfiling = () => {
- Systrace.setEnabled(true); // Call setEnabled to turn on the profiling.
+ const markEvent = () => {
Systrace.beginEvent('event_label');
Systrace.counterEvent('event_label', 10);
- };
-
- const stopProfiling = () => {
Systrace.endEvent();
};
@@ -31,15 +27,7 @@ const App = () => {
React Native Systrace API
-
diff --git a/website/versioned_docs/version-0.77/systrace.md b/website/versioned_docs/version-0.77/systrace.md
index 53cfd62c7a9..8cd4c6ce23d 100644
--- a/website/versioned_docs/version-0.77/systrace.md
+++ b/website/versioned_docs/version-0.77/systrace.md
@@ -7,7 +7,7 @@ title: Systrace
## Example
-`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Capture the non-Timed JS events in EasyProfiler.
+`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Start profiling with an Android profiling tool such as Perfetto or EasyProfiler, then use these markers to identify the events in the captured trace.
```SnackPlayer name=Systrace%20Example
import React from 'react';
@@ -15,13 +15,9 @@ import {Button, Text, View, StyleSheet, Systrace} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
const App = () => {
- const enableProfiling = () => {
- Systrace.setEnabled(true); // Call setEnabled to turn on the profiling.
+ const markEvent = () => {
Systrace.beginEvent('event_label');
Systrace.counterEvent('event_label', 10);
- };
-
- const stopProfiling = () => {
Systrace.endEvent();
};
@@ -32,15 +28,7 @@ const App = () => {
React Native Systrace API
- enableProfiling()}
- />
- stopProfiling()}
- color="#FF0000"
- />
+
diff --git a/website/versioned_docs/version-0.78/systrace.md b/website/versioned_docs/version-0.78/systrace.md
index 53cfd62c7a9..8cd4c6ce23d 100644
--- a/website/versioned_docs/version-0.78/systrace.md
+++ b/website/versioned_docs/version-0.78/systrace.md
@@ -7,7 +7,7 @@ title: Systrace
## Example
-`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Capture the non-Timed JS events in EasyProfiler.
+`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Start profiling with an Android profiling tool such as Perfetto or EasyProfiler, then use these markers to identify the events in the captured trace.
```SnackPlayer name=Systrace%20Example
import React from 'react';
@@ -15,13 +15,9 @@ import {Button, Text, View, StyleSheet, Systrace} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
const App = () => {
- const enableProfiling = () => {
- Systrace.setEnabled(true); // Call setEnabled to turn on the profiling.
+ const markEvent = () => {
Systrace.beginEvent('event_label');
Systrace.counterEvent('event_label', 10);
- };
-
- const stopProfiling = () => {
Systrace.endEvent();
};
@@ -32,15 +28,7 @@ const App = () => {
React Native Systrace API
- enableProfiling()}
- />
- stopProfiling()}
- color="#FF0000"
- />
+
diff --git a/website/versioned_docs/version-0.79/systrace.md b/website/versioned_docs/version-0.79/systrace.md
index 53cfd62c7a9..8cd4c6ce23d 100644
--- a/website/versioned_docs/version-0.79/systrace.md
+++ b/website/versioned_docs/version-0.79/systrace.md
@@ -7,7 +7,7 @@ title: Systrace
## Example
-`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Capture the non-Timed JS events in EasyProfiler.
+`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Start profiling with an Android profiling tool such as Perfetto or EasyProfiler, then use these markers to identify the events in the captured trace.
```SnackPlayer name=Systrace%20Example
import React from 'react';
@@ -15,13 +15,9 @@ import {Button, Text, View, StyleSheet, Systrace} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
const App = () => {
- const enableProfiling = () => {
- Systrace.setEnabled(true); // Call setEnabled to turn on the profiling.
+ const markEvent = () => {
Systrace.beginEvent('event_label');
Systrace.counterEvent('event_label', 10);
- };
-
- const stopProfiling = () => {
Systrace.endEvent();
};
@@ -32,15 +28,7 @@ const App = () => {
React Native Systrace API
- enableProfiling()}
- />
- stopProfiling()}
- color="#FF0000"
- />
+
diff --git a/website/versioned_docs/version-0.80/systrace.md b/website/versioned_docs/version-0.80/systrace.md
index 9aa54fe8e18..c6fda4d290d 100644
--- a/website/versioned_docs/version-0.80/systrace.md
+++ b/website/versioned_docs/version-0.80/systrace.md
@@ -7,20 +7,16 @@ title: Systrace
## Example
-`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Capture the non-Timed JS events in EasyProfiler.
+`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Start profiling with an Android profiling tool such as Perfetto or EasyProfiler, then use these markers to identify the events in the captured trace.
```SnackPlayer name=Systrace%20Example
import {Button, Text, View, StyleSheet, Systrace} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
const App = () => {
- const enableProfiling = () => {
- Systrace.setEnabled(true); // Call setEnabled to turn on the profiling.
+ const markEvent = () => {
Systrace.beginEvent('event_label');
Systrace.counterEvent('event_label', 10);
- };
-
- const stopProfiling = () => {
Systrace.endEvent();
};
@@ -31,15 +27,7 @@ const App = () => {
React Native Systrace API
- enableProfiling()}
- />
- stopProfiling()}
- color="#FF0000"
- />
+
diff --git a/website/versioned_docs/version-0.81/systrace.md b/website/versioned_docs/version-0.81/systrace.md
index 9aa54fe8e18..c6fda4d290d 100644
--- a/website/versioned_docs/version-0.81/systrace.md
+++ b/website/versioned_docs/version-0.81/systrace.md
@@ -7,20 +7,16 @@ title: Systrace
## Example
-`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Capture the non-Timed JS events in EasyProfiler.
+`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Start profiling with an Android profiling tool such as Perfetto or EasyProfiler, then use these markers to identify the events in the captured trace.
```SnackPlayer name=Systrace%20Example
import {Button, Text, View, StyleSheet, Systrace} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
const App = () => {
- const enableProfiling = () => {
- Systrace.setEnabled(true); // Call setEnabled to turn on the profiling.
+ const markEvent = () => {
Systrace.beginEvent('event_label');
Systrace.counterEvent('event_label', 10);
- };
-
- const stopProfiling = () => {
Systrace.endEvent();
};
@@ -31,15 +27,7 @@ const App = () => {
React Native Systrace API
- enableProfiling()}
- />
- stopProfiling()}
- color="#FF0000"
- />
+
diff --git a/website/versioned_docs/version-0.82/systrace.md b/website/versioned_docs/version-0.82/systrace.md
index 9aa54fe8e18..c6fda4d290d 100644
--- a/website/versioned_docs/version-0.82/systrace.md
+++ b/website/versioned_docs/version-0.82/systrace.md
@@ -7,20 +7,16 @@ title: Systrace
## Example
-`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Capture the non-Timed JS events in EasyProfiler.
+`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Start profiling with an Android profiling tool such as Perfetto or EasyProfiler, then use these markers to identify the events in the captured trace.
```SnackPlayer name=Systrace%20Example
import {Button, Text, View, StyleSheet, Systrace} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
const App = () => {
- const enableProfiling = () => {
- Systrace.setEnabled(true); // Call setEnabled to turn on the profiling.
+ const markEvent = () => {
Systrace.beginEvent('event_label');
Systrace.counterEvent('event_label', 10);
- };
-
- const stopProfiling = () => {
Systrace.endEvent();
};
@@ -31,15 +27,7 @@ const App = () => {
React Native Systrace API
- enableProfiling()}
- />
- stopProfiling()}
- color="#FF0000"
- />
+
diff --git a/website/versioned_docs/version-0.83/systrace.md b/website/versioned_docs/version-0.83/systrace.md
index 9aa54fe8e18..c6fda4d290d 100644
--- a/website/versioned_docs/version-0.83/systrace.md
+++ b/website/versioned_docs/version-0.83/systrace.md
@@ -7,20 +7,16 @@ title: Systrace
## Example
-`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Capture the non-Timed JS events in EasyProfiler.
+`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Start profiling with an Android profiling tool such as Perfetto or EasyProfiler, then use these markers to identify the events in the captured trace.
```SnackPlayer name=Systrace%20Example
import {Button, Text, View, StyleSheet, Systrace} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
const App = () => {
- const enableProfiling = () => {
- Systrace.setEnabled(true); // Call setEnabled to turn on the profiling.
+ const markEvent = () => {
Systrace.beginEvent('event_label');
Systrace.counterEvent('event_label', 10);
- };
-
- const stopProfiling = () => {
Systrace.endEvent();
};
@@ -31,15 +27,7 @@ const App = () => {
React Native Systrace API
- enableProfiling()}
- />
- stopProfiling()}
- color="#FF0000"
- />
+
diff --git a/website/versioned_docs/version-0.84/systrace.md b/website/versioned_docs/version-0.84/systrace.md
index 9aa54fe8e18..c6fda4d290d 100644
--- a/website/versioned_docs/version-0.84/systrace.md
+++ b/website/versioned_docs/version-0.84/systrace.md
@@ -7,20 +7,16 @@ title: Systrace
## Example
-`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Capture the non-Timed JS events in EasyProfiler.
+`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Start profiling with an Android profiling tool such as Perfetto or EasyProfiler, then use these markers to identify the events in the captured trace.
```SnackPlayer name=Systrace%20Example
import {Button, Text, View, StyleSheet, Systrace} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
const App = () => {
- const enableProfiling = () => {
- Systrace.setEnabled(true); // Call setEnabled to turn on the profiling.
+ const markEvent = () => {
Systrace.beginEvent('event_label');
Systrace.counterEvent('event_label', 10);
- };
-
- const stopProfiling = () => {
Systrace.endEvent();
};
@@ -31,15 +27,7 @@ const App = () => {
React Native Systrace API
- enableProfiling()}
- />
- stopProfiling()}
- color="#FF0000"
- />
+
diff --git a/website/versioned_docs/version-0.85/systrace.md b/website/versioned_docs/version-0.85/systrace.md
index 9aa54fe8e18..c6fda4d290d 100644
--- a/website/versioned_docs/version-0.85/systrace.md
+++ b/website/versioned_docs/version-0.85/systrace.md
@@ -7,20 +7,16 @@ title: Systrace
## Example
-`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Capture the non-Timed JS events in EasyProfiler.
+`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Start profiling with an Android profiling tool such as Perfetto or EasyProfiler, then use these markers to identify the events in the captured trace.
```SnackPlayer name=Systrace%20Example
import {Button, Text, View, StyleSheet, Systrace} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
const App = () => {
- const enableProfiling = () => {
- Systrace.setEnabled(true); // Call setEnabled to turn on the profiling.
+ const markEvent = () => {
Systrace.beginEvent('event_label');
Systrace.counterEvent('event_label', 10);
- };
-
- const stopProfiling = () => {
Systrace.endEvent();
};
@@ -31,15 +27,7 @@ const App = () => {
React Native Systrace API
- enableProfiling()}
- />
- stopProfiling()}
- color="#FF0000"
- />
+
diff --git a/website/versioned_docs/version-0.86/systrace.md b/website/versioned_docs/version-0.86/systrace.md
index 9aa54fe8e18..c6fda4d290d 100644
--- a/website/versioned_docs/version-0.86/systrace.md
+++ b/website/versioned_docs/version-0.86/systrace.md
@@ -7,20 +7,16 @@ title: Systrace
## Example
-`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Capture the non-Timed JS events in EasyProfiler.
+`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Start profiling with an Android profiling tool such as Perfetto or EasyProfiler, then use these markers to identify the events in the captured trace.
```SnackPlayer name=Systrace%20Example
import {Button, Text, View, StyleSheet, Systrace} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
const App = () => {
- const enableProfiling = () => {
- Systrace.setEnabled(true); // Call setEnabled to turn on the profiling.
+ const markEvent = () => {
Systrace.beginEvent('event_label');
Systrace.counterEvent('event_label', 10);
- };
-
- const stopProfiling = () => {
Systrace.endEvent();
};
@@ -31,15 +27,7 @@ const App = () => {
React Native Systrace API
- enableProfiling()}
- />
- stopProfiling()}
- color="#FF0000"
- />
+
diff --git a/website/versioned_docs/version-0.87/systrace.md b/website/versioned_docs/version-0.87/systrace.md
index 9aa54fe8e18..c6fda4d290d 100644
--- a/website/versioned_docs/version-0.87/systrace.md
+++ b/website/versioned_docs/version-0.87/systrace.md
@@ -7,20 +7,16 @@ title: Systrace
## Example
-`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Capture the non-Timed JS events in EasyProfiler.
+`Systrace` allows you to mark JavaScript (JS) events with a tag and an integer value. Start profiling with an Android profiling tool such as Perfetto or EasyProfiler, then use these markers to identify the events in the captured trace.
```SnackPlayer name=Systrace%20Example
import {Button, Text, View, StyleSheet, Systrace} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
const App = () => {
- const enableProfiling = () => {
- Systrace.setEnabled(true); // Call setEnabled to turn on the profiling.
+ const markEvent = () => {
Systrace.beginEvent('event_label');
Systrace.counterEvent('event_label', 10);
- };
-
- const stopProfiling = () => {
Systrace.endEvent();
};
@@ -31,15 +27,7 @@ const App = () => {
React Native Systrace API
- enableProfiling()}
- />
- stopProfiling()}
- color="#FF0000"
- />
+