Setting up Sublime for React development

General Sublime

• Install Package Control: (docs)[https://packagecontrol.io/installation]

Syntax Highlighting

• Install babel-sublime: (docs)[https://github.com/babel/babel-sublime#installation]

Error/Linting highlighting

• Install SublimeLinter-contrib-eslint: (docs)[https://github.com/roadhump/SublimeLinter-eslint#plugin-installation]
• Configure SublimeLinter. Open Preferences -> Package Settings -> SublimeLinter -> User Settings. Ensure the following key exists

{
   // ...
 "syntax_map": {
   "javascript (babel)": "javascript"
 }
}

Create React App specific config

• extend CRA esling in package.json

{
  // ...
  "eslintConfig": {
    "extends": "react-app"
  }
}

• Install some necessary packages as per (Create React App docs) [https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#displaying-lint-output-in-the-editor]

npm install -g [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected]