Frontend Error Monitoring

Follow this tutorial to set up Sentry for a sample React frontend application. By the end, you'll be able to monitor errors and view readable stack traces and suspect commits to help you debug.

This step-by-step tutorial walks you through setting up Sentry in a React project to monitor errors in a frontend application. After completing this tutorial you'll be able to:

  • Receive alerts when errors occur in your code
  • View a readable stack trace with source code context
  • View suspect commits and suggested assignees based on commit information and stack traces

This tutorial uses a sample React application. You can follow along with the provided sample code or apply the same steps to your own project.

Create a Sentry Project

Help improve this content
Our documentation is open source and available on GitHub. Your contributions are welcome, whether fixing a typo (drat!) or suggesting an update ("yeah, this would be better").