Recommended packages:
- atom-typescript - syntax highlighting and intellisense for TypeScript
- atom-build-npm-apm - invoke all npm scripts straight from the editor by pressing F7 (requires atom-build)
- linter and linter-tslint - shows linter errors and warning in the editor
The Desktop repository includes a list of recommended extensions:
- Select the Extension view, select Show Workspace Recommended Extensions from the dropdown menu
- Install all the extensions
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 startAt 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.