Frontend Lint
Run static analysis after making JavaScript/React code changes to catch errors early.
Usage
Invoke with /lint after editing JS/JSX files.
Quick Check
No eslint configured. Use a build check to catch errors:
bash
cd src/frontend && npm run build 2>&1 | head -50
This catches:
- •Syntax errors
- •Import errors
- •Undefined components
- •JSX errors
When to Use
- •After editing JS/JSX files: Run build check
- •Before committing: Verify no build errors
- •After adding new imports: Check they resolve
- •After runtime errors: Add checks to prevent recurrence
Common Errors This Catches
| Error Type | Example |
|---|---|
| Missing import | useState not imported from React |
| Undefined component | <ClipEditor /> but ClipEditor not imported |
| Syntax error | Missing closing bracket |
| JSX error | Invalid attribute |
Type Checking (if using TypeScript)
For TypeScript files, run:
bash
cd src/frontend && npx tsc --noEmit 2>&1 | head -50