React

raygun

Build successful React Native apps with Raygun

React Native has come a long way since an internal prototype at Facebook to where it is now. The cross-platform framework is now a go-to tool for businesses to develop natively rendered mobile apps for iOS and Android. Thanks to its reduced development time with hot reloading to its focus on runtime performance with natively rendered views, React Native has gained traction with large-scale companies like Shopify and Tesla.

Workshop: Getting Started with OpenTelemetry in Javascript with Express and React

Join Ted Young, Director of Developer Education at Lightstep, to learn how to get started with distributed tracing in Javascript with React and Express using OpenTelemetry. OpenTelemetry is an open source framework that provides a single set of APIs, libraries and instrumentation resources to capture distributed traces and metrics from your applications. This workshop is structured to help your organization successfully deliver value from distributed tracing.
bugfender

React Hooks Common Mistakes

React Hooks is a new addition to React which enables you to use state and other features of the library without having to create a class. By ‘hooking into’ React’s existing features, you can significantly reduce the number of concepts you have to grapple with, and you can create custom hooks to share all kinds of non-visual logic, making your code much more reusable.

instana

Managing State with React

This article is part of a blog series in which we look at back at five years of React usage at Instana. State management is one of the essential aspects of React application architectures. Over the years, we certainly learned a lot about it. This blog post will provide insights into our current state management approaches. Let’s begin with a controversial point first: We don’t use Redux! Redux did not yet exist when we started Instana.

instana

Looking back at five years of React at Instana

This article marks the start of an article series in which we would like to look back at one of our earliest technology choices: The selection of React. React is being used since day one as our core UI library to develop Instana’s user interface. Since Instana recently celebrated its fifth birthday, we believe that this is an excellent opportunity to reflect on this architecture decision.

instana

How and why we chose React

This article is part of a blog series in which we look at back at five years of React usage at Instana. Most of the early Instana employees moved to Instana from a German software consultancy called codecentric. These first employees experimented, used and trained customers in various UI libraries and frameworks while working for this consultancy. This background allowed us to have a broad understanding of the web development space and Zeitgeist.

grafana

Migrating Grafana's template variables from AngularJS to React: A tale of failures and wins

As many of you already know, we created Grafana using AngularJS, but we have been migrating to React for about two years now. One of the big missing pieces in our migration puzzle was the templating system. This post starts in late 2019 when I first got my hands on this mysterious and complex area of the Grafana code base.

dotcom-monitor

Challenges Monitoring ReactJS Applications

ReactJS combines the speed of JavaScript with unique rendering capabilities to make applications that are highly dynamic, performance oriented, and responsive to user input. State of JS report 2018 cites performance as the major reason ReactJS has gained so much popularity in such a short time. When it comes to options for building single-page applications (SPAs), React delivers performance advantages over Angular and other JavaScript frameworks and libraries.