Skip to content

Add Blazor Components architecture overview - #69147

Open
javiercn wants to merge 2 commits into
mainfrom
javiercn-blazor-architecture-docs
Open

Add Blazor Components architecture overview#69147
javiercn wants to merge 2 commits into
mainfrom
javiercn-blazor-architecture-docs

Conversation

@javiercn

@javiercn javiercn commented Sep 8, 2026

Copy link
Copy Markdown
Member

Summary

  • document how the major Blazor Components subsystems compose across supported runtime models
  • describe architectural layers, cross-cutting boundaries, and historically grounded design principles
  • map runtime subsystems to their planned focused architecture documents
  • provide contributor navigation and shared terminology

The focused subsystem ARCHITECTURE.md documents will be added incrementally in follow-up changes.

Document the Components subsystem composition, runtime models, architectural boundaries, historically grounded design principles, subsystem map, and terminology.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
Copilot AI lite review requested due to automatic review settings September 8, 2026 17:45
@javiercn
javiercn requested a review from a team as a code owner September 8, 2026 17:45
@github-actions github-actions Bot added the area-blazor Includes: Blazor, Razor Components label Sep 8, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟡 Changes recommended

The architecture map currently points to focused ARCHITECTURE.md files that aren’t present yet, which creates broken/unclear navigation in the new documentation.

Once you've addressed the issues Copilot identified, you can request another Copilot review.

Pull request overview

Adds a top-level architecture overview for Blazor Components (src/Components) to give contributors a shared mental model of subsystem responsibilities, layering, runtime compositions, and cross-cutting boundaries across SSR, Interactive Server, Interactive WebAssembly, Auto, and Hybrid/WebView.

Changes:

  • Introduces a new src/Components/ARCHITECTURE.md covering architectural layers, runtime compositions, and cross-cutting boundaries.
  • Adds mermaid diagrams (composition + sequence diagrams per hosting model) to visualize dependency direction and runtime communication.
  • Adds an “Architecture Documentation Map” and “Finding the Right Subsystem” lookup table to guide contributors to the right ownership boundaries.
File summaries
File Description
src/Components/ARCHITECTURE.md New top-level Blazor Components architecture overview, including diagrams, principles, and a subsystem navigation map.
Review details

Suppressed comments (2)

src/Components/ARCHITECTURE.md:334

  • These Architecture entries refer to focused ARCHITECTURE.md files that don’t exist yet (currently only src/Components/ARCHITECTURE.md exists). Consider using a placeholder like TBD here until the follow-up documents are added, then replace with links.
| Endpoints | ASP.NET Core endpoints, static SSR, prerendering, streaming rendering, forms, and render-mode activation | `Endpoints/ARCHITECTURE.md` |
| Server | Interactive Server circuits, server renderers, reconnection, and browser transport | `Server/ARCHITECTURE.md` |
| WebAssembly | Browser-hosted .NET startup, rendering, and application execution | `WebAssembly/WebAssembly/ARCHITECTURE.md` |
| WebView | Native-process component execution and embedded web-view rendering | `WebView/WebView/ARCHITECTURE.md` |

src/Components/ARCHITECTURE.md:345

  • Like the sections above, these Architecture entries point to focused ARCHITECTURE.md files that aren’t present yet. Marking them as TBD until the docs are added would make it clearer that these are planned follow-ups.
| Authorization | Authentication-state propagation and authorization components | `Authorization/ARCHITECTURE.md` |
| Forms | Form coordination, editing state, validation, and input components | `Forms/ARCHITECTURE.md` |
| QuickGrid | Data-grid composition, virtualization, sorting, and data-provider integration | `QuickGrid/Microsoft.AspNetCore.Components.QuickGrid/ARCHITECTURE.md` |
| Custom Elements | Exposing components through the browser custom-elements model | `CustomElements/ARCHITECTURE.md` |
  • Files reviewed: 1/1 changed files
  • Comments generated: 1
  • Review effort level: Lite

💡 Add a code-review agent skill for context-aware, tailored reviews. Learn more in the docs.

Comment on lines +321 to +325
| Subsystem | Responsibility | Architecture |
|---|---|---|
| Components | Host-independent component model, render trees, renderer coordination, lifecycle, and event dispatch | `Components/ARCHITECTURE.md` |
| Web | HTML-oriented components, browser event abstractions, navigation, and shared web rendering behavior | `Web/ARCHITECTURE.md` |
| Web.JS | Browser bootstrapping, DOM rendering, navigation enhancement, events, and the JavaScript side of framework protocols | `Web.JS/ARCHITECTURE.md` |
Include Gateway, WebAssembly Server, WebAssembly Authentication, and AI, and clarify where related extension assemblies are documented.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area-blazor Includes: Blazor, Razor Components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants