📖 Glossary
React
JavaScript library for building component-based UIs with a virtual DOM; the core framework used throughout this course.
TypeScript
Typed superset of JavaScript that compiles to plain JS; catches type errors at compile time before they reach the browser.
Vite
Fast frontend build tool and dev server using ES modules; provides instant Hot Module Replacement (HMR) during development.
Component
Reusable UI building block in React — a function that returns JSX and can accept props to customize its output.
Hook
React function (useState, useEffect, etc.) for managing state and side-effects in functional components without classes.
Tailwind CSS
Utility-first CSS framework; style elements directly with class names like flex, p-4, text-blue-500.
Playwright
End-to-end browser testing framework; scripts simulate real user interactions (click, type, navigate) across Chrome/Firefox/Safari.
Claude Code
Anthropic's AI terminal agent for pair programming; reads your codebase and executes multi-step edits from natural-language prompts.
Cursor
AI-powered code editor (VS Code fork) with inline AI chat and diff-apply features; shows proposed changes before you accept them.
Vercel
Frontend cloud platform for deploying React/Next.js apps; creates a live preview URL for every branch automatically.
REST API
HTTP-based service interface; the frontend fetches UCC filing data via GET/POST calls to the Spring Boot backend.
State Management
Patterns for keeping UI data consistent across components; this course uses React useState, Context, and custom hooks.
ESLint
JavaScript/TypeScript linter that enforces code-quality rules; blocks merges when style or security rules are violated.
RiskGauge
Custom React component built in Phase 03 that visualizes lien-risk as a color-coded meter based on OpenSpec field data.
OpenSpec
Spec-driven AI workflow tool that locks in field contracts between the React frontend and the Spring Boot API so AI-generated code stays in sync.