Add debugging page

Summary: Information about debugging.

Reviewed By: passy

Differential Revision: D15198711

fbshipit-source-id: 587bca43d99908b666c58bb5279fadb61219e9a1

docs/extending/debugging.md

@@ -0,0 +1,10 @@
+---
+id: debugging
+title: Debugging
+---
+
+Flipper is built on Electron which itself is built on Chromium. This means we can debug Flipper using Chrome's developer tools. Flipper will also automatically install the React devtools extension allowing you to have better insight into what is going on in your plugin.
+
+You can open the dev tools from the menu with `View` > `Toggle Developer Tools` or pressing ⌥⌘I on a Mac.
+
+In addition to helping you with the JavaScript, the JS console will also display uncaught exceptions thrown from the client plugin in response to Flipper method calls.

website/i18n/en.json

@@ -18,6 +18,9 @@
       "extending/create-table-plugin": {
         "title": "Create Table Plugin"
       },
+      "extending/debugging": {
+        "title": "Debugging"
+      },
       "extending/error-handling": {
         "title": "Error Handling"
       },

website/sidebars.json

@@ -40,7 +40,8 @@
       "extending/create-plugin",
       "extending/send-data",
       "extending/error-handling",
-      "extending/testing"
+      "extending/testing",
+      "extending/debugging"
     ],
     "Other Platforms": [
       "extending/new-clients",