taekimjr/messy-code

Make me pretty!

Installing ESLINT, React Plugin, & Airbnb Style Guide

1. npm i eslint --save-dev
2. npm i eslint-plugin-react --save-dev
3. npm i eslint-config-airbnb --save-dev
4. Take a look at .eslintrc.json

Install other Dependencies

1. npm i

See all the ugly Lint errors

1. npm run lint
2. Stop and wait! That's a lot of errors... How can I see where they are in my code?

Install Atom ESLint plugin and use it!

1. apm install linter-eslint
2. (https://github.com/AtomLinter/linter-eslint)
3. Close and open Atom
4. Open up src/components/MessyComponent1.js and checkout the errors! (You may need to save the file to get the linter to go)

Fix those nasty lint errors! (MessyComponent 1, 2, & 3)

1. Read error
2. Fix error
3. Repeat until all are destroyed

Run the Project (won't run until lint errors are gone!)

1. npm start
2. Go to localhost:5000