The go-to extension for surfacing lint issues directly in the editor, enforcing React/JS/TS best practices and catching bugs early (especially when paired with popular configs).
Keeps React code consistently formatted across a team, reducing style debates and making diffs cleaner—especially useful in JSX/TSX and modern JS/TS.
Boosts speed for common React patterns by providing handy snippet shortcuts for components, hooks, exports, and typical boilerplate in JSX/TSX.
A small but high-impact tool for JSX: automatically renames the paired closing/opening tag when you edit one, preventing mismatches and saving time.
Makes TypeScript/ESLint issues hard to miss by rendering diagnostics inline at the exact line—particularly helpful in React component files where errors can hide in JSX.
Essential for understanding changes in React codebases: blame annotations, change history, and PR context help you navigate large component refactors safely.
Improves the testing workflow for React apps by running Jest tests from the editor, showing failures inline, and speeding up TDD/bugfix cycles.
Helps you quickly generate and validate React Testing Library queries (getByRole, getByLabelText, etc.) by inspecting the rendered DOM and suggested selectors.
If your React app uses GraphQL (Apollo, Relay, urql), this adds schema-aware autocomplete, validation, and navigation for .graphql files and template literals.
For React + Tailwind projects, this provides class name autocomplete, linting for invalid classes, and hover previews—significantly improving styling speed in JSX.
