writing-typescript-code
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:
- Save the file - Vite instantly updates the browser (no refresh needed)
- Check the terminal - Look for HMR updates in the "Frontend: React Vite" terminal
- State is preserved - React state persists through most edits
VS Code Tasks (use Run Task command or check terminal panel):
Frontend: React Vite- Runsnpm run devwith HMR enabled- Logs are visible directly in VS Code terminal
No restart needed - Just edit, save, and see changes instantly in the browser.
More from microsoft-foundry/foundry-agent-webapp
writing-bicep-templates
Provides Bicep coding standards for Azure infrastructure in this repository. Use when writing or modifying Bicep files, configuring Container Apps, setting up RBAC, or working with Azure resources.
37deploying-to-azure
Provides deployment commands and troubleshooting for Azure Container Apps. Use when running azd commands, deploying containers, debugging deployment failures, or updating infrastructure in this repository.
11writing-csharp-code
Provides C# and ASP.NET Core coding standards for this repository. Use when writing or modifying C# code, implementing API endpoints, configuring middleware, or working with authentication in the backend.
11validating-ui-features
Provides step-by-step procedures for validating UI features - theme toggle, new chat, cancel stream, markdown rendering, and token usage info.
10troubleshooting-authentication
Provides authentication troubleshooting for MSAL, JWT, and Entra ID. Use when debugging 401 errors, token issues, MSAL configuration problems, or credential failures in this repository.
10implementing-chat-streaming
Provides SSE streaming patterns for the chat API and frontend. Use when implementing or modifying chat streaming, handling SSE events, or troubleshooting message flow between frontend and backend.
9