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.

Installation

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
├── LICENSE.md
└── README.md

Usage

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 (
    <html>
      <head>
        <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>
      </head>
      <body>
        <div id="app">
          {children}
        </div>
      </body>
    </html>
  )
}

export default Html

Changelog

2.0.0 - Added new js to support Pro + SPA features. Updated agent to js-agent.newrelic.com/nr-1026.min.js. Made react a peer dependency. 1.0.5 - Updated newrelic agent to js-agent.newrelic.com/nr-1016.min.js
1.0.4 - Updated newrelic agent to js-agent.newrelic.com/nr-974.min.js
1.0.3 - Updated README.md 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

License

MIT - http://opensource.org/licenses/mit-license.php

based on https://github.com/wanderio/new-relic-react

Package detail

new-relic-agent-react

readme