React

Public samples that show front-end work with React and the modern TypeScript toolchain.

artefact-driven-sdlc

Lean artefact-driven SDLC - agent cohorts + Next.js UI

artefact-driven-sdlc is a standalone .NET 10 + Next.js product for artefact-driven agentic SDLC. Specialised agent cohorts mature work along a deterministic graph - refined idea to story to module-spec to UI design to wireframe to initial assessment - using a shared producer/reviewer skill model. A Spectre.Console CLI and AAC.Api drive the same Azure AI Foundry agent path; a chat-style Next.js UI lets you pick a cohort, point at a feature folder, and run single or pipeline modes. Built as a focused app slice (Aspire portal and brownfield assessment paths intentionally out of scope).

.NET Microsoft Agents AI Azure AI Foundry Spectre.Console ASP.NET Core Next.js React TypeScript Agentic SDLC

NabsUiShell.Showcase

Corporate React shell + schema-driven DynamicForm

NabsUiShell.Showcase is a React/Vite app that demos the @net-advantage/nabs-ui-shell npm package (0.84.0) as a single import surface for Shell, Branding, Navigation, Cards, Panel, Button, and Tab. Path-aware navigation and tabbed DynamicForm vendor onboarding (organisation, contact, commercial, compliance, address) show real business UI. Live demo on GitHub Pages.

React TypeScript Vite npm @net-advantage/nabs-ui-shell DynamicForm GitHub Pages

AgentCohortHostingPlatformDemo

Orleans multi-silo agent-cohort hosting on Aspire

AgentCohortHostingPlatformDemo is an Aspire + Microsoft Orleans sample of an Agent Cohort hosting platform: artefact state lives in grains, not the HTTP layer. It runs a 3-replica silo with Azure Table clustering and Azure Blob grain persistence (Azurite locally), an Orleans client API over grain contracts, and a React UI to load artefacts, append prompts, and deactivate grains. Persistent state, grain lifecycle hooks, custom DTO serialization, and the Orleans Dashboard are wired in - aimed at engineers building distributed AI/agent platforms on .NET.

Microsoft Orleans .NET Aspire ASP.NET Core Azure Storage React Vite TypeScript Docker Azurite

Containerisation

Aspire publish that folds SPA + API into one container

Containerisation is a .NET Aspire sample that keeps a React/Vite frontend and ASP.NET Core API as separate resources in development, then publishes them as a single container. The AppHost uses PublishWithContainerFiles to build the SPA into the server’s wwwroot, so one image serves both UI and /api. A publish.ps1 script prepares the Aspire Docker environment, saves the image as a tar, and runs it locally - useful for teams who want one deployable unit without a separate static host.

.NET Aspire ASP.NET Core React Vite TypeScript Docker pnpm