title: React log to UI instead of console
body: <p>I have an native mobile application that loads my react application within a child iframe (not sure exactly how it does it), but this application injects some variables into the page as windows.xxxx </p>
  
  <p>So in order to test my application (yes, this sucks a lot) I need to run the app on my phone, have it open up the URL on my development machine (aka <a href="http://192.168.10.10:3300" rel="nofollow noreferrer">http://192.168.10.10:3300</a>). </p>
  
  <p>Then to debug anything I'm forced to alert(var1) .. as you can imagine this is a pretty painful process and I really wish the parent application would provide something better than this. </p>
  
  <p>Normally a simple option would be something like console.log(var1) but I can't see the console on my mobile device and my URL is being loaded withing this native app. </p>
  
  <p>So: 
  1. Any suggestions on a better debug process would be welcome.<br>
  2. One idea that would help is if there was a react component that would simply<br>
   print to screen anything any console.log().<br>
  3. I guess another option could be some kind of remote logger, so that console.remotelog(debugServerUrl, var1) pushes debug messages to the listener which then displays the debug.   </p>
  
  <p>All of this if a pain of course, but hoping someone out there has a clever idea for me. </p>