React-Native

[ohah]

React Native Support

Status: In Progress

Description:

Support for using Chrome Remote DevTools in React Native applications. The CDP client will be customized for React Native environments to enable remote debugging not only in development but also in production builds. Will utilize Interaction Observer API available from React Native 0.83.

Planned Features:

• Create React Native-specific CDP client package
• Adapt CDP client for React Native runtime environment
• Support production build integration
• Implement React Native-specific CDP domains (if needed)
• Add React Native example project
• Document React Native integration guide
• React Query: Support planned for React Native (리액트쿼리 지원 예정)

DevTools Tab Support

• Console Tab: Runtime domain (evaluate, consoleAPICalled, exceptionThrown), Console domain (messageAdded)
• Network Tab: Network domain (requestWillBeSent, responseReceived, getResponseBody)
• Sources Tab: Debugger domain (breakpoints, step debugging, evaluateOnCallFrame)

Production Build Safety

• DevTools / CDP code is excluded from the build by default
• DevTools / CDP code is included only when an explicit flag is enabled
  • __DEV__ === true
  • CHROME_REMOTE_DEVTOOLS === true
• Inclusion / exclusion is enforced at build time, not via runtime conditionals
• In production builds without these flags:
  • Zero DevTools / CDP code included in JS bundle
  • Zero DevTools / CDP code included in native binaries
  • No performance overhead
  • No security exposure
  • No bundle size increase