@opentelemetry/plugin-react-load

OpenTelemetry React loading automatic instrumentation package.

Usage no npm install needed!

<script type="module">
  import opentelemetryPluginReactLoad from 'https://cdn.skypack.dev/@opentelemetry/plugin-react-load';
</script>

README

OpenTelemetry Plugin React Load

This module provides automated instrumentation for React lifecycles for Web applications.

Compatible with OpenTelemetry JS API and SDK 1.0+.

Installation

npm install --save @opentelemetry/plugin-react-load

Usage

import { BaseOpenTelemetryComponent } from '@opentelemetry/plugin-react-load';

// Set once for the entire plugin
BaseOpenTelemetryComponent.setLogger(logger);
BaseOpenTelemetryComponent.setTracer('name', 'version');

To instrument components, extend BaseOpenTelemetryComponent:

import { BaseOpenTelemetryComponent } from '@opentelemetry/plugin-react-load';

export class Component1 extends BaseOpenTelemetryComponent { ... }

See /examples/react-load for a short example.

Useful links

For more information on OpenTelemetry, visit: https://opentelemetry.io/
For more about OpenTelemetry JavaScript: https://github.com/open-telemetry/opentelemetry-js
For help or feedback on this project, join us in GitHub Discussions

License

Apache 2.0 - See LICENSE for more information.