Custom Spans

Create custom spans in your React Native app with Luciq to measure performance of specific code sections. Identify bottlenecks and optimize critical paths.

Overview

Custom Spans allow you to manually instrument parts of your application and measure how long specific operations take. This helps you track performance for specific spans that are not automatically captured.

Custom spans appear in the Spans timeline alongside automatically collected spans. They will appear inside all APM metrics we already capture such as app launches, screen loading, network logs and Flows. The backend correlates the custom span with its respective metrics based on their timestamps.

Setup Custom Spans

To log a new custom spans, please use the below APIs

Javascript

let span = await APM.startCustomSpan(name: String); 

span.end()

To log a completed span, use the below API

Javascript

APM.addCompletedCustomSpan(name: String, startDate: Date, endDate: Date)

Considerations for creating Custom Spans

1. APM must be enabled to use Custom Spans
2. Luciq SDK must be initialized before calling the API
3. Custom span name cannot be empty
4. Maximum 100 spans per session (older spans may be dropped if the limit is exceeded