Docs/Presets/React 19

React 19

Modern React patterns and anti-pattern detection for React 19 projects.

Enabled Rules

RuleSeverityDescription
quality/no-deprecated-apiblockCatches deprecated React APIs (componentDidMount, defaultProps on function components)
quality/naming-conventionsblockPascalCase components, use-prefixed hooks
quality/anti-patternswarnDetects common React anti-patterns
quality/hallucination-guardwarnVerifies imported React hooks and components exist
quality/import-aliasesblockEnforces clean import paths

Usage

import { defineConfig } from '@solanticai/vguard';

export default defineConfig({
  presets: ['react-19'],
});

What it enforces

  • No class component patterns — Blocks componentDidMount, componentWillUnmount, and other lifecycle methods. Use hooks instead.
  • Naming conventions — Components must be PascalCase (UserProfile, not userProfile). Hooks must start with use (useAuth, not getAuth).
  • Anti-pattern detection — Warns on inline object/array creation in JSX props, missing key props in lists, and direct state mutation.
  • Hallucination guard — AI tools sometimes import hooks or components that don't exist. This rule verifies all imports resolve to real files.
  • Clean imports — Enforces @/ aliases for cross-directory imports.