Setting Up ESLint and TypeScript for React
summary
Shows exact configs and commands: npm installs, eslint --init, extend eslint:recommended, use the TypeScript-ESLint parser and plugin with parserOptions.project true, run eslint --fix with report-unused-disable-directives and max-warnings=0, keep formatting to Prettier and editor autoformat on save, tsconfig settings like strict true jsx react preserve module ES2021 skipLibCheck. Demonstrates type-aware ESLint rules that catch await-on-non-promises and remove dead code, supplies a ready template repo to copy and run.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:02Static analysis tools
- 3:12What is a formatter and how to set up Prettier
- 7:21ESLint basics
- 10:11ESLint for React
- 13:18ESLint vs formatting
- 14:43TypeScript intro
- 16:27TypeScript with React
- 19:58TypeScript compiler options
- 21:03TypeScript vs ESLint
- 22:08TypeScript ESLint
- 24:59Type info in ESLint
- 25:43Setup recap
