<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.

Sentry for React

# WebApp that reveals Character Types in a Password

Certain characters in passwords ('O' and '0', 'I' and 'l', etc.) can be hard to identify when you need to type them in (and copy-paste is unavailable).

Password Lense is a small web application that provides a quick and secure way to get a more informative view of your password

### Available in dark and light mode
![](https://storage.googleapis.com/reactshowcase.appspot.com/password-lense/dark-mode.png)
---
![](https://storage.googleapis.com/reactshowcase.appspot.com/password-lense/light-mode.png)

<h1>WebApp that reveals Character Types in a Password</h1>
Certain characters in passwords (‘O’ and ‘0’, ‘I’ and ‘l’, etc.) can be hard to identify when you need to type them in (and copy-paste is unavailable).
Password Lense is a small web application that provides a quick and secure way to get a more informative view of your password
<h3>Available in dark and light mode</h3>
<h2><img src="https://storage.googleapis.com/reactshowcase.appspot.com/password-lense/dark-mode.png" alt=""></h2>
<img src="https://storage.googleapis.com/reactshowcase.appspot.com/password-lense/light-mode.png" alt="">

Password Lense

WebApp that reveals Character Types in a PasswordCertain characters in passwords

MJML is responsive by design on most-popular email clients, even Outlook. Write less code, save time and code more efficiently with MJML’s semantic syntax. Based on React.

MJML is responsive by design on most-popular email clients, even Outlook. Write less code, save time and code more efficiently with MJML’s semantic syntax. Based on React.

MJML

The only framework that makes responsive email easy

React Showcase

Sentry for React

Password Lense

MJML

Subscribe