Wouldn't it be nice if a project's code were consistent and easy to read? The reason that this isn't often the case is because enforcing such a level of code quality is burdensome. When something is a burden when done manually, you introduce a tool.
The focus of this chapter is on using tools that assist with making sure that your React code quality is up to standards. Here's what you'll learn in this chapter:
- Installing and configuring ESLint
- Running ESLint on React source code
- Getting configuration help from Airbnb
- Linting JSX and React components
- Integrating ESLint with your code editor
- Customizing ESLint errors and warnings
- Formatting code automatically with Prettier
