Better Code Quality with ESLint

Pluralsight

Course Summary

ESLint is a powerful tool for ensuring consistency and code quality across your entire team. This course will teach you how to get ESLint up and running quickly for your project and team, and how to customize it to fit your needs.

+
Course Description

When two or more Web Developers work on the same codebase, things can often get messy. Bad patterns can creep in, and it's not long before syntax errors unintentionally get committed. The larger the team, the worse the problem is. In this course, Better Code Quality with ESLint, you'll learn how to quickly get ESLint up and running for your team and projects. First, you'll discover how to get ESLint up and running in your project. Next, you'll cover custom tailoring ESLint to your needs and learn how to write shareable ESLint plugins and configurations. Then, you'll explore linting modern JavaScript like ES6 and ES7. Finally, you'll learn how to integrate ESLint into your editor. By the end this course, you'll be the ESLint expert on your team and you'll be writing custom rules to help your team enforce consistency and quality across their codebases.

Course Description

When two or more Web Developers work on the same codebase, things can often get messy. Bad patterns can creep in, and it's not long before syntax errors unintentionally get committed. The larger the team, the worse the problem is. In this course, Better Code Quality with ESLint, you'll learn how to quickly get ESLint up and running for your team and projects. First, you'll discover how to get ESLint up and running in your project. Next, you'll cover custom tailoring ESLint to your needs and learn how to write shareable ESLint plugins and configurations. Then, you'll explore linting modern JavaScript like ES6 and ES7. Finally, you'll learn how to integrate ESLint into your editor. By the end this course, you'll be the ESLint expert on your team and you'll be writing custom rules to help your team enforce consistency and quality across their codebases.

+
Course Syllabus

Course Overview
- 1m 14s

—Course Overview 1m 14s

Setting up ESLint in Your Project
- 22m 31s

—Course Introduction 3m 29s
—Installing and Running ESLint 4m 42s
—Resolving ESLint Errors 5m 6s
—NPM Scripts 2m 22s
—Git Hooks 6m 14s
—Summary 0m 38s

ESLint Rules Explained
- 45m 45s

—Introduction 0m 31s
—Common ESLint Rules 4m 7s
—Picking and Adding More ESLint Rules 5m 44s
—ESLint Rules Under the Hood 2m 28s
—ESLint and Abstract Syntax Trees (ASTs) 4m 31s
—Writing Your First Rule 5m 35s
—No-FIXME-comment Rule 4m 40s
—Expiring-code Rule 7m 49s
—Passing Parameters to Rules 3m 28s
—Verify-parameters Rule 2m 38s
—Making Rules Fixable with —fix 3m 40s
—Summary 0m 29s

Exploring the ESLint Ecosystem
- 39m 7s

—Introduction 0m 32s
—Shareable Configs and Plugins 2m 59s
—Adding an ESLint Plugin from NPM 6m 1s
—Adding an ESLint Config from NPM 9m 58s
—Creating a Shareable Config 8m 17s
—Creating a Shareable Plugin 10m 45s
—Summary 0m 32s

Common ESLint Use Cases
- 37m 31s

—Introduction 0m 55s
—Linting Client and Server JavaScript 7m 51s
—Linting ES6/7 JavaScript 4m 16s
—Linting Angular Code 4m 20s
—Linting React Code 6m 5s
—ESLint Editor Integration 7m 10s
—Overriding and Ignoring Files 6m 11s
—Summary 0m 40s