Comments (16)
@jhen0409 any luck with the apollo devtools?
from react-native-debugger.
I started using Apollo, maybe I'll start work on this at this month. :)
from react-native-debugger.
I just saw apollographql/apollo-client-devtools#6, I'll consider to take time for investigate it.
from react-native-debugger.
@jhen0409 just left a note regarding this for you on the corresponding Apollo Issue:
apollographql/apollo-client-devtools#6 (comment)
I know you likely view Apollo as less popular and less important than plain Redux, but by incorporating this you basically bring every Apollo + React Native user to your devtools environment. It's really a major missing thing for the Apollo community. I also think having this in your debugger will do a lot to further the graphql movement. To me, it's a crime--because GraphQL shines even better on native mobile than on web. These days I'm building my web apps simpler but my native apps with far more features. I far prefer developing in React Native than for web. And I'm not alone. It's the more important market for serious startups, and it also now has better more seamless tooling thanks to the React Native ecosystem.
So because GraphQL (and Apollo usage) is likely to be far more heavily used in React Native it's even more important that the Apollo Devtools are there. The apollo client and related tools are quiet heavy (in byte size). I don't even like to ship them to web apps. I make my web apps simple enough to just use regular ajax requests. But React Native is all about Apollo. I'm likely not alone. Apollo really shines in native mobile apps. That's why--in one way or another--this needs to happen.
Having made the React Native Debugger package, you're basically one of 2 people best suited for this task (the other person being, the creator of the Apollo Devtools). It would be awesome if you guys could connect. I'm not sure if @stubailo over at Apollo/Meteor made the devtools or if someone else did, but maybe you guys could work together to make this happen.
from react-native-debugger.
Any luck?
from react-native-debugger.
Ideally, I think the followup works might be just these steps if we want to make it into RNDebugger:
- Replace
evalInPage
with a function that able to run code in the debugger worker - Use
worker.addEventListener('message', ...)
instead of the listening event of background script (like this) - Replace
chrome.runtime.sendMessage
withworker.postMessage
- Add
the hook
into debugger worker. - Use
apollo-client-devtools
components, maybe justnpm install apollographql/apollo-client-devtools
- Finally, consider the implementation of the layout
Just reading the code a bit, but not sure when to do it, so I added help wanted
tag first. :)
from react-native-debugger.
Also interested about this. Since react-native-debugger is the go to debugging tool imo especially if your using redux. Would be ideal if Apollo devtools and this module could work together.
from react-native-debugger.
Any update on this? @jhen0409
from react-native-debugger.
That is super exciting!!
from react-native-debugger.
@jhen0409 Yes this is great news! How can we help?
from react-native-debugger.
In addition to #61 (comment), we may need to upgrade remotedev-app
to v0.11 (current beta) first because it have custom tabs UI, I probably will make Apollo Client DevTools as a tab with Redux DevTools together.
from react-native-debugger.
That's a very good idea
from react-native-debugger.
@jhen0409 Any update on this feature?
from react-native-debugger.
excited about this too
from react-native-debugger.
Right now, I am using this tool to debug apollo with a custom redux store. You can use this tool to view the Apollo store and view any of its actions that it makes when calling a query or mutation.
It doesn't have the full feature rich tooling set like https://github.com/apollographql/apollo-client-devtools has but its better then nothing.
@jhen0409 If we had this full tooling of apollo-client-devtools along with this package (react-native-debugger), it would literally be the greatest thing ever for us React Native devs using Apollo!
from react-native-debugger.
Move to #177. π
from react-native-debugger.
Related Issues (20)
- How to Enable log (AppEntry) HOT 1
- Debugging Native Modules
- ζ εεΊ
- Error launching JS inspector: _open(...).default.openApp is not a function HOT 6
- Devtool dosen't work with Expo on Ubuntu 20.04 HOT 2
- The react native page is not updated after modification
- I want to copy object like google chorme HOT 1
- [Discussion] Future plan for RND (Expo 49+)? HOT 5
- Console window issue HOT 6
- Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication) HOT 1
- Unable to enable network debugging, unable to debug Api HOT 2
- "Pause on exception" has disappeared HOT 1
- At a high level how does React Native Debugger connect to an app? HOT 2
- 302 Redirect. Network does not send cookies
- how to install on ubuntu
- devtools does not show. it's blank HOT 9
- waiting for client connection HOT 12
- Can't open RN Debugger HOT 2
- Troubleshooting React Native Debugger: A Step-by-Step Guide - Windows HOT 1
- Encountering difficulties debugging a default React Native app in Chrome Debugger due to Flipper, with a warning signaling the deprecated status of debugging via Flipper, necessitating installation of Flipper on the system to handle the 'flipper://' URL scheme HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-debugger.