Skip to content

TaeKimJR/messy-code

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published