<h3>React Error and Performance Monitoring</h3>
<img src="https://raw.githubusercontent.com/getsentry/sentry/master/src/sentry/static/sentry/images/screenshots/thumb-1.png" alt="Sentry Dashboard 1">
<hr>
<img src="https://raw.githubusercontent.com/getsentry/sentry/master/src/sentry/static/sentry/images/screenshots/thumb-2.png" alt="Sentry Dashboard 2">
<hr>
<img src="https://raw.githubusercontent.com/getsentry/sentry/master/src/sentry/static/sentry/images/screenshots/thumb-3.png" alt="Sentry Dashboard 3">
<hr>
<h3>Getting started is simple</h3>
Grab the <a href="https://github.com/getsentry/sentry-javascript/">Sentry JavaScript SDK</a>:
<pre><code>npm install @sentry/react
</code></pre>
or
<pre><code>yarn add @sentry/react
</code></pre>
<hr>
Configure your SDK:
<pre><code class="language-js">import React from &quot;react&quot;;
import ReactDOM from &quot;react-dom&quot;;
import * as Sentry from &quot;@sentry/react&quot;;
import App from &quot;./App&quot;;

Sentry.init({
 dsn: &quot;__PUBLIC_DSN__&quot;
});

ReactDOM.render(&lt;App /&gt;, document.getElementById(&quot;root&quot;));
</code></pre>
<hr>
That’s it! Check out the <a href="https://docs.sentry.io/platforms/javascript/">Sentry for JavaScript</a> and <a href="https://docs.sentry.io/platforms/javascript/guides/react/">React integration</a> documentation for more information.

### React Error and Performance Monitoring

![Sentry Dashboard 1](https://raw.githubusercontent.com/getsentry/sentry/master/src/sentry/static/sentry/images/screenshots/thumb-1.png)

---

![Sentry Dashboard 2](https://raw.githubusercontent.com/getsentry/sentry/master/src/sentry/static/sentry/images/screenshots/thumb-2.png)

---

![Sentry Dashboard 3](https://raw.githubusercontent.com/getsentry/sentry/master/src/sentry/static/sentry/images/screenshots/thumb-3.png)

---

### Getting started is simple

Grab the [Sentry JavaScript SDK](https://github.com/getsentry/sentry-javascript/):

```
npm install @sentry/react
```
or

```
yarn add @sentry/react
```

---

Configure your SDK:

```js
import React from "react";
import ReactDOM from "react-dom";
import * as Sentry from "@sentry/react";
import App from "./App";

Sentry.init({
 dsn: "__PUBLIC_DSN__"
});

ReactDOM.render(<App />, document.getElementById("root"));
```

---

That’s it! Check out the [Sentry for JavaScript](https://docs.sentry.io/platforms/javascript/) and [React integration](https://docs.sentry.io/platforms/javascript/guides/react/) documentation for more information.

React Showcase

Sentry for React

Subscribe