Skip to content

Latest commit

 

History

History
38 lines (26 loc) · 1.77 KB

tooling.md

File metadata and controls

38 lines (26 loc) · 1.77 KB

Tooling Support for GitHub Desktop

Recommended packages:

The Desktop repository includes a list of recommended extensions:

  1. Select the Extension view, select Show Workspace Recommended Extensions from the dropdown menu
  2. Install all the extensions

Debugging

When running the app in development mode, the Chrome Dev Tools are also launched, to assist with debugging and poking at the live application.

$ yarn
$ yarn build:dev
$ yarn start

At a basic level, the logs from the running app are displayed in the Console tab, but other features include:

  • React Dev Tools - enables you to inspect components and view rendering activity in real time
  • Devtron - not enabled by default, but you can add this from the console: require('devtron').install()

If you are looking to diagnose React performance issues in Desktop, this post by Ben Schwarz is a great introduction to the workflow enabled by React 16 around measuring and investigating using the Performance tab.