Skip to content

Instantly share code, notes, and snippets.

@twilson63
Created March 1, 2018 19:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save twilson63/d5f4e5a2da30c72ce98cb33adc5145d6 to your computer and use it in GitHub Desktop.
Save twilson63/d5f4e5a2da30c72ce98cb33adc5145d6 to your computer and use it in GitHub Desktop.
Atom Setup for create-react-app

Atom Setup for Create-React-App

This is a short note on how to setup prettier and eslint for create-react-app applications in the atom editor.

Step 1

apm install prettier-atom 

Step 2

Setup Atom Prettier Preferences

  • Check Format on Save
  • Uncheck Use Semi

Step 3

Setting up the linter, this step is not needed, because the linter is aready setup in create-react-app.

So proceed to building your application.


npm i create-react-app -g
create-react-app myapp
cd myapp
atom .
yarn start

CRA will automatically lint your code for you, you can test it by opening the index.js file and typing:

a = 0

Wnen your app is running it will show the lint errors on the screen.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment