React 19
Modern React patterns and anti-pattern detection for React 19 projects.
Enabled Rules
| Rule | Severity | Description |
|---|---|---|
quality/no-deprecated-api | block | Catches deprecated React APIs (componentDidMount, defaultProps on function components) |
quality/naming-conventions | block | PascalCase components, use-prefixed hooks |
quality/anti-patterns | warn | Detects common React anti-patterns |
quality/hallucination-guard | warn | Verifies imported React hooks and components exist |
quality/import-aliases | block | Enforces 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, notuserProfile). Hooks must start withuse(useAuth, notgetAuth). - 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.