FAST与Fluent:一个Blazor故事

💡 原文中文,约4200字,阅读约需10分钟。
📝

内容提要

本文介绍了FAST和Fluent UI Blazor库的起源和构建,FAST是基于Web Components和现代Web标准构建的技术,Fluent是微软应用程序中使用的设计系统。Fluent UI Web Components是FAST团队使用他们开发的构建块构建的Fluent设计系统的实现。Blazor是微软用于构建交互式网络应用程序的.NET框架。Fluent UI Blazor库提供了Blazor组件的包装器,使得在Blazor中使用Fluent UI Web Components更容易。该库是一个纯开源项目,已发布多个版本,并广泛采用。

🔎

延伸解读

FAST 与前端框架的定位差异

FAST 并非 React、Angular 或 Vue 那样的“一站式 SPA 框架”,而是基于 Web Components 标准、旨在让创建 Web 组件更简单的技术集合。因此,用 FAST 构建的组件不依赖特定框架,可与几乎任何前端框架协作。这种定位意味着它更适合需要跨框架复用 UI 组件的场景,而非替代现有框架。

Fluent UI Blazor 库的维护与支持现状

该库是纯开源项目,不属于 ASP.NET Core 官方部分,因此没有官方支持承诺,也不保证随 .NET 更新而更新。它由微软员工及其他贡献者通过 GitHub 以“最大努力”维护。不过,微软已在 Aspire 仪表板和 Visual Studio Teams Toolkit 等项目中实际使用该库,这在一定程度上反映了其成熟度和微软的信任。

从包装器到独立组件的演进

库最初目标是为每个 Fluent UI Web Component 提供 Blazor 包装器,v1 包含约 40 个组件。移交所有权后,v3 推出大量新组件,如今已接近 70 个,其中一些是纯 Blazor 组件,甚至包含自研 Web Components。包基础名称也从 Microsoft.Fast.Components.FluentUI 改为 Microsoft.FluentUI.AspNetCore.Components,标志着与 FAST 团队分离并更贴近 Blazor 团队。

❓

Q&A

FAST是什么?它和常见的前端框架(如React、Angular)有什么不同?

FAST是基于Web Components和现代Web标准构建的一系列技术,旨在让创建Web组件变得更容易。它不是一个一站式SPA框架,而是专注于构建可复用的Web组件,因此用FAST构建的组件可以与几乎任何前端框架一起使用。

Fluent设计系统包含哪些关键组成部分?

Fluent设计系统包含五个关键组成部分:光、深度、运动、材质和规模。

Fluent UI Blazor库的作用是什么?它如何简化在Blazor中使用Fluent UI Web Components?

Fluent UI Blazor库为Fluent UI Web Components提供Blazor组件的包装器。它创建渲染Web组件的Blazor组件,使用与Web组件相同的名称、参数和枚举,但以Razor语法和C#语言实现,从而简化在Blazor中的使用。

Fluent UI Blazor库目前提供了多少个组件?它的包名称有什么变化?

目前库提供了将近70个组件。包的基础名称已从Microsoft.Fast.Components.FluentUI更改为Microsoft.FluentUI.AspNetCore.Components。

Fluent UI Blazor库是官方支持的吗?它的支持模式是怎样的?

Fluent UI Blazor库是一个纯粹的开源项目,不是ASP.NET Core的官方部分,因此没有官方支持,也没有承诺在任何官方.NET更新中提供更新。它由微软员工及其他贡献者通过GitHub仓库以最大努力提供支持。

有哪些微软项目使用了Fluent UI Blazor库?

微软在多个项目中使用了该库,例如.NET Aspire的仪表板和Visual Studio Teams Toolkit。

🏷️

标签

➡️

继续阅读