react-devtools

To inspect React Native component hierarchies, use the `get tree` and `get component` commands to view component structures, props, state, and hooks for debugging UI issues. This requires integrating with the React DevTools protocol and a local React Native app connection.

The best way to profile React Native components causing performance lag is to measure render durations and render frequency to identify slow components and unnecessary re-renders. This Skill profiles the component responsible for the recent UI lag and analyzes render causes.

Yes, you can view component state and hooks during React Native development by using component inspection commands. The Skill facilitates detailed inspection of the internal React Native component trees, aiding in debugging UI issues and performance bottlenecks.

Yes, you need a local React Native app connection to use the React DevTools protocol. This Skill requires integration with the protocol to support command-driven component hierarchy exploration, state inspection, and render timing analysis.

Your React Native app has unnecessary re-renders that can be found by profiling render durations and render frequency. Use this Skill to pinpoint which components cause the slowdown and understand their render causes to eliminate unnecessary re-renders.