TypeScript Coding Standards

Goal: Write type-safe React components with proper MSAL integration

Hot Module Replacement (HMR) Workflow

The frontend runs with Vite HMR. When you edit TypeScript/React code:

1. Save the file - Vite instantly updates the browser (no refresh needed)
2. Check the terminal - Look for HMR updates in the "Frontend: React Vite" terminal
3. State is preserved - React state persists through most edits

VS Code Tasks (use Run Task command or check terminal panel):

• Frontend: React Vite - Runs npm run dev with HMR enabled
• Logs are visible directly in VS Code terminal

No restart needed - Just edit, save, and see changes instantly in the browser.