Debugging React

We’ll cover how to read a stack trace, how to interpret the text of the error, and ultimately how to fix it.

When was the last time you tried your app out on the kinds of devices your end users are using? If you haven't, have you at least tried to simulate the kind of performance characteristics of your users on low-end devices?

Establish a better feedback loop by implementing Flipper and have more fun while working on your apps.

Ensuring a high level of performance is key when developing any application, whether it be an API, a frontend app, or a backend app.

How creating DevTools specific for your own app can improve your productivity.

Some of the errors you may encounter could be misleading or very hard to find. Recently, the React Native team asked developers to help them determine which of these annoying errors lead to the most frustration. While they did address some of the worst errors, there is still a handful remaining that could go under the radar.

Some tools you can use to debug your React app when you run into problems.

In the React Native world, debugging may be done in different ways and with different tools, since React Native is composed of different environments (iOS and Android), which means there’s an assortment of problems and a variety of tools needed for debugging.

In this tutorial, I’ll highlight the notable additions to the latest React DevTools release, Version 4 and demonstrate a few ways you can leverage its features to better debug your React apps with it.

React team launched a new version of the React Dev Tools (v4) a few weeks ago and it’s fantabulous. It gives you debugging superpowers to navigate through your tree, trace data flow, spot weak links and optimise for perf.

In this video we cover how to add error and performance tracking to Next.js with AppSignal. We'll do this by adding a custom server to support server-side performance tracking.

Performance issues like this can be a huge pain to diagnose and fix,” they admitted. Yet they were ultimately able to solve it — how did they know where to start?

Prototype UI built on top of the new React "Profiler" component.

Prototype UI built on top of the new React "Profiler" component.

This is a quick intro to react devtools.

In this post we’ll look at how to configure Visual Studio Code to debug React Components and Jest Unit Tests inside a web application that was created by create-react-app.

Walkthrough video of the new built-in themes editor.

Learn how to test, debug, and optimize your React code with tools like Jest, Chrome, ESLint, and flow.

Nitin Tulswani is a prolific developer and the creator of react-perf-devtool, a library that helps with profiling the performance of your React components since react-addons-perf was deprecated in React 16. In this episode we discuss Nitin's approach to writing code and the motivation behind several of his open source projects.

Tweak React components in real time

DevTools for Redux with hot reloading, action replay, and customizable UI.