Speed up fixing app issues using Sentry
summary
Shows how to install Sentry into a React + Flask app (npm and pip commands) and use its SDKs, GitHub/CodeCub links, session replay and AI hints to find two production problems within minutes: a recurring 500 checkout error traced to a specific commit and downstream inventory bug, and a product page slowdown caused by an n+1 query and an over-recursing get_iterator that adds ~2s; profiling flame graphs and spans pinpoint the lines to change, alerts and dashboards are created for enterprise customers.
AI-written summary · about
chapters (12)
- 0:00Sentry introduction
- 1:42Sentry in React and Flask
- 2:49Debugging frontend/backend issues
- 4:58AI and source code for errors
- 6:24Distributed tracing errors
- 7:26Session replay analysis
- 7:47Slow database queries
- 8:51Profiling inefficient functions
- 9:57Frontend performance workflows
- 11:22Database query optimization
- 11:43Sentry alerts and dashboards
- 12:48Sentry impact summary
related talks
08mTrack Slowdowns and Crashes in your React apps
14mTracing: Frontend Issues With Backend Solutions
08mMonitoring Errors and Slowdowns Across JS Applications
08mMonitoring Errors and Slowdowns with a JS Frontend and Node Backend
07mIdentify Issues and Prevent Slowdowns in your Vue.JS Apps
12mSolve 100% of your errors
33mFrom “its broken” to “fix is out”
38mSentry as a way not to be afraid