New Relic - React integration plugin

Downloads in past


2.0.16 years ago6 years agoMinified + gzip package size for new-relic-agent-react in KB


New Relic - React integration plugin
The package is based on new-relic-react package by reggi and later forked by wanderio. This variation includes a recent version of New Relic Browser plugin to inject JavaScript snippet to instrument your app's webpages. The javascript provided in this library include all Pro and SPA features of new relic's browser agent.
It includes also rollup.js to bundle source code as React component.
Getting Started
new-relic-agent-react can be installed as any other npm package.
npm install --save new-relic-agent-react
Application Structure
├── src                     # Source files
│   ├── .babelrc            # Babel transpiler configuration
│   ├── index.js            # New Relic - React component source code
├── rollup.config.js        # Rollup.js configuration file to bundle module
├── package.json            # Package information with list of dependencies
Just import NewRelic into your component
Retrieve this information from your New Relic account
  • licenseKey: New Relic account license key
  • applicationID: Current New Relic application ID

``<NewRelic licenseKey="{licenseKey}" applicationID="{applicationID}" />``
where licenseKey and applicationID are real IDs you retrieved
Following code is a super simple example of integration
import React from 'react'
import NewRelic from 'new-relic-agent-react'

const Html = () => {
  return (
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta httpEquiv="x-ua-compatible" content="ie=edge" />
        <NewRelic licenseKey="xxxx" applicationID="yyyy" />
        <title>Web App</title>
        <div id="app">

export default Html
2.0.0 - Added new js to support Pro + SPA features. Updated agent to Made react a peer dependency. 1.0.5 - Updated newrelic agent to
1.0.4 - Updated newrelic agent to
1.0.3 - Updated and package.json to improve NPM description
1.0.2 - Just fix some typos
1.0.1 - Published scoped package on npm registry with additional rollup.js bundler and updated New Relic script
Copyright (c) 2017 Shutterstock
based on