apollographql / apollographql/apollo-client-devtools
Use the tool on a React Native project without Flipper or react-native-debugger app
- Dominant language
- TypeScript
- Stars
- 1.5k
- Forks
- 172
- Avg merge
- 10m
- Merged PRs (30d)
- 8
Description
**Intended outcome:**
I want to use the Apollo Client Devtools in a React Native project, without Flipper or the React Native Debugger (https://github.com/jhen0409/react-native-debugger).
https://github.com/jhen0409/react-native-debugger is gradually losing love from the RN community because Flipper was the go to solution.
Now Flipper is getting replaced with an integrated Chrome debugger.
**Actual outcome:**
I have added the extension to my browser, but without much surprise, it doesn't connect to my react native app.
I'm curious if I am missing something, or if it's not possible for now.
Thank you!
**How to reproduce the issue:**
- Install the Chrome extension
- Start the RN app in DEV mode, with `connectToDevTools: true,`
- Try to connect the client to the dev tool in Chrome
- It times out
**Desktop (please complete the following information):**
- OS: [e.g. iOS] Android
- Browser [e.g. chrome, safari] Chrome
- Browser version [e.g. 22] 126.0.6478.62 (Official Build) (arm64)
- Extension version [e.g. 3.0] Latest 4.15.2
Contributor guide
Research direction
Start by reproducing the reported setup: install Chrome extension 4.15.2, run the React Native app in DEV mode with connectToDevTools: true, and observe the Chrome connection timeout. Determine whether the Chrome extension can connect without Flipper or React Native Debugger; done means the supported setup is documented or the connection works in that configuration.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- devtools, mobile-dev
- Issue type
- Bug
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100