() => click the Issues link on the left-hand navigation bar. You’ll see a screen comparable to Figure 2. IDG Figure 2. Problems screen in the Sentry dashboard.Notification that the error is revealed here with some information, consisting of where the mistake was called from(in my case, onClick( home/matthewcarltyson/sentry-js/ sentry-js/src/App))and the error message FooBar Mistake. Sentry is currently capturing useful info. If you click the button repeatedly, you’ll see that the mistake count does not rise. Sentry recognizes similar occasions, such as an instance of a mistake taking place, and groups them together as a single problem. Performance tracking with Sentry You can see deals by clicking Efficiency in Sentry’s navigation menu.Transactions work in tandem with mistake tracking, supplying a way to not just monitor for errors but also identify efficiency problems. An easy example would be identifying sluggish API bring demands in your application, versus exceptions that were thrown.You’ll see some panes charting transaction metrics. At the bottom of the screen, is a table with deals, including/ transaction.
That is the result of striking the root of the application. If you click the slash, you’ll open the transaction details, and Sentry will provide you metrics on the different possessions that were loaded by this page, like how long it
took to load the favicon. Set and filter by environment Sentry instantly appoints issues and deals to the production environment if you do not inform it what environment the reports are coming from. You can see this in the Problems table, where the header dropdown All Env programs Production when clicked.You can set the environment explicitly by adding an environment field in the Sentry initialization (/ src/index. js in this case). An example would be: environment: development. As soon as deals have gotten here with that in location, you can sort and filter by the environment. In your builds, you can set the environment field to have the suitable value by means of environment value with a tool like dotenv.Releases With Sentry, you can likewise see and organize information via releases. Click the Releases link in the navigation menu to get going.
In the All Job dropdown, select the task you developed earlier. This will open a dialog for creating a release. Click the link and choose Create brand-new combination. The resulting dialog requests for a name for your new combination, which is an association in between a release and a job. You can accept the default, which in my case is javascript-1 Release Integration. The setup screen will now be occupied with the release ID. Before we can do anything else, we’ll need a Git devote for Sentry to connect to. So, init a brand-new repo with the steps show in Noting 3( note that Git need to be set up): Noting 3. Init local repo git init git add. git dedicate -m”initial”We can now follow steps comparable to those supplied in the Sentry Releases screen, as displayed in Noting 4. Listing 4. Produce a release # Installs the sentry command line tool: curl -sL https://sentry.io/get-cli/|SENTRY_CLI_VERSION =”2.2.0″celebration # Sets env variables SENTRY_AUTH_TOKEN=VARIATION= ‘sentry-cli releases propose-version’# utilize the tool to create a release sentry-cli launches new “$VERSION “– org=dark-horse– task= javascript-1– auth-token=# Associate the git devote sentry-cli releases set-commits “$VERSION”– vehicle– org =dark-horse– project=javascript-1– auth-token=# sentry-cli releases settle “$VARIATION “– org=dark-horse– job=javascript-1– auth-token=Now, when you go back to the Sentry console and choose Releases on the left, you’ll see the recently developed release. You can see it has actually properly positioned the javascript-1 project. If you click into the release itself, you will see metrics and details about it.We can utilize releases to track mistakes and performance as part of your release cycles. You can track what launch a problem was introduced in, follow regressions, and so on. You can likewise directly associate releases to devotes in a repository like GitHub.Conclusion We have simply scratched the surface area of what we can do with Sentry.It can be used for incorporating with issue tracking systems, assigning issues to individuals and teams, tracking concerns, and including fine-grained efficiency metrics.Every task of sufficient size and complexity merits mistake and performance tracking. It’s not tough to see why Sentry is a leader in this area, as it makes it easy to handle the data produced and gain presence into it. Sentry’s sophisticated yet low-effort integration makes it simple to contribute to a project. You have actually seen that here with our example based on React. Copyright © 2022 IDG Communications, Inc. Source