React DevTools

You can inspect a component's state by opening your browser's developer tools and navigating to the "Components" tab provided by the React DevTools extension. This tab renders a tree view of your application, allowing you to click on specific components to view their hooks, props, and state.

Yes, React DevTools includes a standalone version that connects to React Native applications to provide the same component inspection and profiling features. You launch it by running the `npx react-devtools` command in your terminal.

You click the "Record" button in the "Profiler" tab, interact with your app to trigger renders, and then stop the recording. It will display a flamegraph showing exactly how long each component took to render, helping to identify performance bottlenecks.

While the extension can technically attach to a production build, it is heavily optimized for development builds. In production, component names are often minified, making the hierarchy difficult to read, and the app's performance will be negatively impacted by the inspection overhead.