React Native theorytheory 0/50 · 0%
Tooling · easy

20. Debugging tools

Metro, React DevTools, and console logging.

Metro is the JS bundler that serves your app during development and enables Fast Refresh, so most edits appear almost instantly without losing component state.

console.log("balance:", balance);
console.warn("using fallback RPC");
console.error("transaction failed", err);

React DevTools (usable via Flipper or standalone) lets you inspect the component tree and props/state live; for native-level crashes, Xcode/Android Studio logs are the next stop.

Check your understanding

  1. 1. What is Metro?

  2. 2. What does Fast Refresh do?

  3. 3. Where would you look for a native-level crash?