question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Discussion: Any plans to have the React Native Log plugin implement the Chrome Console API?

See original GitHub issue

When I use Chrome as the debugger for my React Native app, I have access to the Chrome Console API. I tried out Flipper today and found that the React Native Log plugin is missing all of the features of Chrome’s console that make logging good.

Are there any plans to make the logger behave more like Chrome’s console? My main problem is the fact that when I do console.log(someObject), Flipper outputs someObject as unformatted JSON. If it is really long, it goes off the screen and there’s no way to see the information without copying it and pasting it into a text editor. Chrome, on the other hand, gives us an explorable object that is very nice.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:52
  • Comments:15 (6 by maintainers)

github_iconTop GitHub Comments

40reactions
plrdevcommented, Apr 24, 2020

This is currently holding me back from using logging from Flipper, I still open debugger to be able to see the explorable objects.

15reactions
mweststratecommented, Jul 22, 2020

I’ll be making some improvements to the logs plugin soon and will look into the multiline issue as well

Read more comments on GitHub >

github_iconTop Results From Across the Web

React Chrome Developer Tools – React Blog
Today we're releasing the React Developer Tools, an extension to the Chrome Developer Tools. Download them from the Chrome Web Store.
Read more >
How to do logging in React Native - Stack Overflow
Use console.log , console.warn , etc. As of React Native 0.29, you can simply run the following to see logs in the console:...
Read more >
How To Debug React Components Using React Developer ...
To use the Chrome React Developer Tools extension, you will need to download and install the Google Chrome web browser or the open-source ......
Read more >
Debugging - React Native
Ignore logs as a last resort and create a task to fix any logs that ... Note: the React Developer Tools Chrome extension...
Read more >
Lighthouse overview - Chrome Developers
It has audits for performance, accessibility, progressive web apps, SEO, and more. Lighthouse logo. You can run Lighthouse in Chrome DevTools, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found