Operations | Monitoring | ITSM | DevOps | Cloud

Monitoring & Debugging a Checkout Flow in Flask & React

When your checkout flow breaks, customers disappear faster than most ‘cutting-edge’ JS metaframeworks. Thankfully, setting up observability for your critical paths—like a customer checkout—is painless with Sentry. Let's walk through how we instrumented, monitored, and fixed a major issue, with minimal effort.

A Guide to Logging in React Native

Basic console logging is a good starting point for debugging and understanding an app. For larger, more complex apps, it’s helpful to include additional information and persist logs. In this guide, you’ll learn how to create and view logs in React Native and how to create and save custom logs to a file. We’ll focus on JavaScript logs.

How to Identify a Top-Tier React JS Company for Your Next Project

A React JS company's portfolio is definitely the first place you should look for information. Start by searching for projects that are similar to yours as this will indicate their relevant experience. Additionally, make sure whether their previous work suits your design preferences and technical needs. For instance, a company's dealing with large-scale, high-traffic apps is a mark of their ability to scale and perform. The client reviews included in the portfolio may offer the information about the company's reliability, as well as communication skills.

React.js Performance Guide

Which JS framework is the most performant? React, Vue, Svelte, Angular,…? When trying to answer this question, we often get lost in comparing benchmarks for reactivity, bundle size, memory usage and other factors. Of course we want to choose the best framework to create performant apps! But your app will only benefit from framework performance if you also follow best practices for performance optimization of web apps in general, and React apps in particular. So, where to start?

Configuring a React Application with Honeycomb For Frontend Observability

Are you trying to wire your React application to Honeycomb, but running into some challenges understanding how our instrumentation works with React? In this article, I’ll lay out approaches for wiring Honeycomb to client-side only React so you can ingest your telemetry into Honeycomb and take advantage of the Web Launchpad. This telemetry sends semantically-named attributes, and can be used with any OTLP destination. These examples use a React application created with Vite.

Exploring Mobile Session Replay in Expo and React Native

In this video Cody with Sentry's Developer Experience team explores using Mobile Session Replay in a React Native application built using Expo. Mobile Session Replay lets developers see the way that users are experiencing applications on their devices, right along side errors, traces, and other performance information.

The New Way of React Native Debugging

This is a guest post from Simon Grimm, creator of Galaxies.dev, where Simon helps developers learn React Native through fast-paced courses and personal support. Debugging React Native apps has traditionally been a bit of a pain. Developers usually ranked debugging as their biggest pain point of React Native, which, as we all know, makes up quite a lot of development time. But the good news is that things are getting better.

React Native Mobile App Development: Everything You Need to Know

Business ideas need to be brought to market and tested rapidly. Application development should not take years. Whether it's working out business strategies, planning marketing, or finding investors, React Native is a popular choice for startups and established companies.

Guide to Error & Exception Handling in React

No app is perfect. Even if we try our best to test all possible cases, sometimes things will go wrong. It only takes one failing request to get you in trouble. It’s how we handle it that makes the difference between an application crash and a graceful fail. In this article, we’ll cover the basics of error and exception handling in React apps. We’ll also explore different kinds of errors and best practices for recovering from them in a user-friendly way.

Best Practices for Client-Side Logging and Error Handling in React

Logging is an essential part of development. While working on React projects, logging provides a way to get feedback and information about what’s happening within the running code. However, once an app or website is deployed into production, the default console provides no way to continue benefiting from logs.