Articles about debugging techniques and tools
View All Tags
Network bugs are some of the most common React Native production issues. A screen may fail because the request is wrong, the token is missing, Firebase rules reject the user, App Check blocks the call, the backend returns a 500, or the simulator cannot reach the host.
Visual Studio Code (VSCode) is a popular code editor among React Native developers due to its rich features and extensive ecosystem. In this blog post, we will explore some valuable tips to enhance your React Native development workflow using VSCode.
React Native Debugger was a popular standalone debugger for older React Native apps. For modern projects, the recommended starting point is React Native DevTools, which is built into the React Native development workflow.
This article assumes you have just got your new job and you are finding it demanding to settle in and start working on your new team’s codebase. We discuss in this article some of the tricks that can help you familiarize with a new codebase faster. These tips and tricks are a summary after an intense research and consulting with some field developers in the industry. There’s no magic here, just practical and efficient steps in getting you familiar with a new codebase as fast as possible. This article will as well help you as a developer to maintain a sane codebase for the next developer that will take on your good work. Let’s jump right in Here are the five major trips to master a new codebase
React Native debugging changed a lot since Flipper was the default answer. In modern React Native apps, the first tool to open is React Native DevTools. Use native tooling from Xcode and Android Studio when you need to debug the platform layer, and keep Flipper only for older apps or custom plugin workflows that still depend on it.
Hermes is a Javascript engine that is optimized for React Native and works for both Android and iOS. Hermes is an open source library that has been found to have potential upsides for performance in many apps such as improved start-up time, more efficient, hence reduced memory usage and a smaller app size. At the time of writing this Hermes still remains an opt-in feature and you have to make sure that the React Native version of your project is at least 0.60.4 otherwise you won’t be able to use this very resourceful library.
React Native tooling has changed. Older lists often recommended Flipper, Nuclide, standalone React Native Debugger, or remote Chrome debugging as the default workflow. Modern React Native apps should start with React Native DevTools, Metro, and the native tools that ship with Xcode and Android Studio.
Optional imports support has been added recently in React Native.This feature requires no external library and is relatively easy to implement even with its enormous advantage to the overall code quality of your code. The major use-case of this feature is backwards compatibility which we will look right into next.
