#Visualization Backends

Visualization backends are the "display layer" of Ottrelite that transform your trace data into actionable insights. They take raw performance data from your React Native app and present it in different tools and formats to help you quickly identify bottlenecks and optimization opportunities.

#What are Backends?

Backends in Ottrelite are plugins that handle how and where your tracing data is visualized. Each backend connects to different profiling tools and provides unique perspectives on your app's performance. You can use multiple backends simultaneously to get comprehensive insights from different angles.

Think of backends as different "viewers" for the same performance data - some excel at real-time analysis, others integrate with tools you're already familiar with, and some provide specialized visualizations for specific use cases.

#Available Backends

#Production Builds

Backends are designed for development use only and should not be included in production builds.

To exclude backends from production builds:

1. Conditional installation - Install backends only when a development feature flag is set:

import { Ottrelite } from '@ottrelite/core';

if (__DEV__ || isProfilingEnabled) {
  const { OttreliteBackendPlatform } = require('@ottrelite/backend-platform');
  Ottrelite.install([OttreliteBackendPlatform]);
}

2. Disable the Gradle plugin instrumenting RN internals for non-development variants (Android only) in your Gradle build script:

apply plugin: "com.callstack.ottrelite"

ottreliteTracing {
  rnInstrumentationVariants = ["debug", "profiling"]
}