O'Reilly logo

React 16 Tooling by Adam Boduch

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Using ESLint with create-react-app

Everything you've seen so far in this chapter, you've had to set up and configure yourself. Not that getting ESLint up and running is particularly difficult or anything, but create-react-app abstracts this away completely. Remember, the idea with create-react-app is start writing component code as soon as possible, without having to think about configuring things like linters.

To see this in action, let's create a new app using create-react-app:

create-react-app my-new-app

Then, start the app as soon as it's created:

npm start

Now let's get ESLint to complain about something. Open up App.js in your editor—it should look something like this:

import React, { Component } from 'react'; import logo from './logo.svg'; ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required