In this video, we'll walk you through the steps to instrument a React application with Grafana Faro for comprehensive monitoring and insights.

00:00 - Introduction

00:30 - What is Frontend Observability?

01:30 - What is Grafana Faro?

02:19 - Instrumenting React with Grafana Faro

08:47 - Frontend Observability Overview in Grafana Cloud

10:15 - Investigating application errors

13:06 - Enhancing our application with additional events, logs, and error tracking

18:12 - Conclusion

🔗 Resources:

GitHub Repository
https://github.com/tomglenn/fo11y-demo

Grafana Frontend Observability Docs: Grafana Frontend Observability
https://grafana.com/docs/grafana-cloud/monitor-applications/frontend-observability/

Grafana Faro SDK React Docs
https://grafana.com/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/faro-react/

Make sure to check out the GitHub repository for the complete demo application and follow along with the video.

If you have any questions or need further assistance, feel free to leave a comment below.

☁️ Grafana Cloud is the easiest way to get started with Grafana dashboards, metrics, logs, and traces. Our forever-free tier includes access to 10k metrics, 50GB logs, 50GB traces and more. We also have plans for every use case. Sign up: https://grafana.com/get/

❓ Have a question that isn't related to this video? Check out the Official Grafana Community Forums and ask your question or find your answer: https://community.grafana.com/

👍 If you found this video useful, be sure to give it a thumbs up and subscribe to our channel for more helpful Grafana videos.

📱 Follow us for the latest and greatest on all things Grafana and our other OSS projects.

X: https://twitter.com/grafana
LinkedIn: https://www.linkedin.com/company/grafana-labs/mycompany
Facebook: https://www.facebook.com/grafana

#Grafana #Observability #FrontendObservability #React