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 the JavaScript engine optimized for React Native. In modern React Native and Expo projects, Hermes is the default path for most apps, so the real question is no longer "How do I turn Hermes on?" It is "How do I confirm Hermes is working, benchmark the app properly, and avoid update/runtime mismatches?"
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 are useful when a React Native app has platform-specific code, feature-gated screens, optional assets, or native modules that should only load in one environment. They are also easy to misuse. Metro still needs to know what files can be bundled, so arbitrary runtime strings are not a good import strategy.
