Purpose of linting

What is linting?

The term was derived from the name of the undesirable bits of fiber and fluff found in sheep's wool.

Purpose of linting

Benefits of linting your code

• Save time
• Maintain quality
• Consistent code in a group

Purpose of linting

Other Linters

Purpose of linting

Benefits of ESLint

• Unopinionated
• Allows devs to create custom rules to suit style
• Has 3 preset themes
• Has a react plugin

USing eslint

Stuff to Install

$ npm install -g eslint

$ npm install babel-eslint eslint-loader eslint-plugin-react

USing eslint

Writing an eslintrc.js

$ eslint --init

How would you like to configure ESLint?
> Answer questions about your style
  Use a popular style guide
  Inspect your JavaScript file(s)

USing eslint

Common JS Styles

Which style guide do you want to follow?
> Google
  Airbnb
  Standard

USing eslint

Wiring to Webpack

module: {
    preLoaders: [{
           test: /^(?!.*spec.jsx$).*\.jsx$/i,
           loaders: ['eslint'],
           exclude: ['/node_modules/', 
                     './webpack.config.js', 
                     '/__tests__/'
                    ]
       }],

eslint: {
     failOnWarning: false,
     failOnError: true
},