一个收集了很棒的Blazor资源的集合。
Blazor是一个使用C#/Razor和HTML在浏览器中运行的.NET Web框架。
欢迎贡献！请先查看贡献指南。感谢所有的贡献者，你们真棒，没有你们就不可能实现这个！
如果你需要在这个列表中搜索，你可以尝试这个很棒的网站：Awesome Blazor Browser。感谢@jsakamoto提供这个！源代码 
Blazor是一个用于使用C#构建客户端Web应用程序的.NET Web框架。
Blazor允许您使用C#而不是JavaScript构建交互式Web用户界面。Blazor应用程序由使用C#、HTML和CSS实现的可重用的Web用户界面组件组成。客户端和服务器代码都是用C#编写的，允许您共享代码和库。
更多信息请参阅官方Blazor网站。
要开始使用Blazor，请按照Blazor入门文档中的说明进行操作。
在Microsoft Learn上完成使用Blazor构建Web应用程序学习会议也是一个不错的主意。另一个很好的入门资源是Jeff Fritz在Channel9或YouTube上的初学者系列。
将传统的ASP.NET Web Forms应用程序迁移到Blazor的示例，由Microsoft Architecture提供。
官方Blazor存储库（即ASP.NET Core存储库）。
构建一个完整的Blazor应用程序，并在此过程中了解各种Blazor框架功能。
- 使用.Net MAUI和Blazor的解决方案模板，具备开箱即用的最佳实践，实现快速高质量的跨平台开发，支持Web、Android、iOS和Windows，具备原生美观的Blazor组件。这些模板创建的项目包含了开发实际应用所需的一切，包括（但不限于）CI/CD流水线、Azure的基础设施即代码、本地化、多模式开发（Blazor Server/WASM/Hybrid）、内置的异常处理等。了解更多。
- 使用MudBlazor组件构建的Blazor WebAssembly的干净架构解决方案模板。这个项目将使您的Blazor学习过程比您预期的要容易得多。Blazor Hero旨在成为一个企业级的样板，完全开源，免费使用。在这里阅读快速入门指南。
- 此模板可用于创建一个在ASP.NET Core Web应用程序中托管的Blazor WASM应用程序，使用Azure AD和Microsoft.Identity.Web进行身份验证，使用BFF安全架构进行身份验证（服务器身份验证）。这将从浏览器中删除令牌，并在每个HTTP请求、响应中使用cookie。该模板还尽可能地为Blazor应用程序添加了所需的安全标头。在这里阅读快速入门指南。
- 此模板可用于创建一个在ASP.NET Core Web应用程序中托管的Blazor WASM应用程序，使用Azure B2C和Microsoft.Identity.Web进行身份验证，使用BFF安全架构进行身份验证（服务器身份验证）。这将从浏览器中删除令牌，并在每个HTTP请求、响应中使用cookie。该模板还尽可能地为Blazor应用程序添加了所需的安全标头。在这里阅读快速入门指南。
。Blazor Studio仓库 
。Cledev.OpenAI - 
带有IdentityServer4 Material Design的真实世界管理仪表板/入门套件。演示。
基于IdentityServer4的OpenID/Connect服务器。
展示使用EF Core和Identity身份验证的Blazor应用程序的示例项目。
在Blazor上正确使用OpenID Connect的方法。
Blazor WASM、Azure AD、REST和gRPC。
该存储库包含一个使用Auth0进行安全保护的Blazor WebAssembly应用程序实现的简单的测验管理器。实现细节在以下文章中描述：Securing Blazor WebAssembly Apps。
带有Blazor管理仪表板的ASP.NET Core博客应用程序。演示。 将传统的ASP.NET Web Forms应用程序迁移到Blazor。
JHipster是一个在Java世界中生成现代应用程序的知名平台。JHipster提供了一个蓝图系统，允许覆盖生成器的默认行为。JHipster.NET是一个蓝图，通过将后端部分从最初生成的spring boot更改为asp.net core，覆盖了后端部分。对于前端，可以使用所有常见的语言（angular、react），包括Blazor。
一个基于代码的、可扩展的Blazor应用程序，为您的数据库生成CMS。
使用Blazor WebAssembly构建的简单商店应用程序。
用Blazor WebAssembly和Tailwind CSS/UI制作的Umbraco v9的简单入门站点。这是一个我用来玩耍和尝试Umbraco 9、Blazor WebAssembly、TailwindCSS、块列表编辑器和其他几个概念的项目。
使用.NET和C#构建的2D游戏，通过Twitch流可以在线玩Trains，网址为wengier.com/Trains.NET。
一组使用单个.NET Standard项目的.NET 5 C#应用程序，运行在：Blazor Client（WebAssembly）、Blazor Server、Electron（通过Blazor Server）、WPF、WinForms、Xamarin。演示。
DiabloWeb的Blazor移植，使其成为一个双WebAssembly应用程序：一个WebAssembly（C#）PWA托管一个WebAssembly（C++）游戏。演示。
Fusion + Blazor示例，一个完全功能的Web应用程序，允许您进行实时多人游戏。演示。
Wolfenstein 3D移植到现代C#和Blazor。文章。
在Blazor WebAssembly上运行的ZX Spectrum模拟器。演示。
Blazor中受欢迎的Wordle游戏的简单克隆。演示。
构建原生的、跨平台的桌面应用程序，比轻量级还要轻量级。Photino是一个轻量级的开源框架，用于使用Web UI技术构建原生的、跨平台的桌面应用程序。
使用Umbraco Heartcore与Blazor的示例。
RemoteBlazorWebView使您能够使用Web浏览器与使用BlazorWebView WPF控件或WinForms控件开发的程序的用户界面进行交互。
演示了如何逐步将现有的Angular应用程序逐步迁移到Blazor，包括集成Blazor组件和调用Angular服务方法。演示。
使用Photino主机、Blazor UI和C#编写的.NET解决方案的IDE。
基于Monaco Editor的Picat逻辑编程语言的IDE。演示。
PresenceLight是一个将各种状态广播到飞利浦Hue或LIFX灯泡的解决方案。您可以广播的一些状态包括：您在Microsoft Teams中的可用性、您当前的Windows 10主题以及您选择的主题或颜色。博客文章。演示视频。
在此示例中，Meadow微控制器从LM35温度传感器中获取数据。该数据通过HTTP请求发送到API控制器端点，并存储在数据库中，可以使用Blazor Web应用程序中的图表进行可视化。
一个示例，能够在客户端使用非常交互式的应用程序（基于Blazor）对用户的写作进行情感分析预测/检测，并在服务器端运行一个ML.NET模型（基于二元分类的情感分析）。
一个“无服务器”的通用算法参数优化套件。还提供Quantconnect Lean交易算法的离线优化。演示 (https://optimizer.ml)。
一个展示使用内存中的机器学习模型进行假设分析的Web应用程序。实时演示。
Blazor中的ML5机器学习，使用JSInterop机制。
基于.NET Core和EF的开发框架。支持Blazor、Vue、React和LayUI，可一键生成CRUD、导入/导出等代码。网站。
David Fowler在.NET 7中创建的待办事项应用程序，包括一个基于ASP.NET Core托管的Blazor WASM前端应用程序和一个使用最小API的ASP.NET Core REST API后端。
使用Bolero的TodoMVC克隆。
适合拖延症患者的习惯追踪器。记录笔记，管理任务，追踪习惯。演示。
使用MudBlazor组件构建的Blazor WebAssembly的Clean Architecture模板。
用于Blazor的模块化应用程序框架。
航班搜索。
用于Twitter API的LINQ提供程序（Twitter库）。
在Blazor中读取只读文件流。演示。 将传统的ASP.NET Web Forms应用程序迁移到Blazor。
使用SignalR JS客户端和Interop的Blazor聊天演示。
这是一个使用Blazor服务器和SignalR进行命令和控制的示例。代理连接到托管SignalR Hub的Blazor服务器应用程序，我们可以对连接的代理发出各种命令（此功能使用客户端结果）。
展示Blazor的关键功能的示例业务应用程序。演示。
使用CQRS+ES实现的资金管理器。演示。
一个Blazor天气示例应用程序，显示当前位置的天气和一组固定位置的天气。由Daniel Roth在.NET Conf 2019上演示。演示。
一个基本的HTML SVG编辑器，使用Blazor WASM编写。演示。
以太坊区块链浏览器和简单钱包。
FFmpegBlazor提供了在Blazor Wasm C#中利用ffmpeg.wasm的能力。ffmpeg.wasm 
是FFmpeg的纯Webassembly / Javascript端口。它使得在浏览器内部能够进行视频和音频的录制、转换和流媒体处理。
一个使用.NET编写的免费开源IDE - 使用Photino主机、Blazor UI和C#。
用于分布式团队进行Planning Poker的应用程序。该应用程序使用Blazor实现，并展示了如何在客户端和服务器端模式之间进行切换。演示。
用于验证.NET正则表达式语法的在线工具。(演示)。
用于验证.NET正则表达式语法的在线工具，可以查看拆分列表、表格等。(演示)。
Blazor.Text.Editor是一个使用Blazor UI Framework for .NET的文本编辑器组件库。演示。
用于本地网络的Wake-on-LAN应用程序。Blazor Server + EF Core + DI + CI。
一个包装Waffle Generator的Blazor应用程序。该生成器输出可读的无意义文本，可用于替代Lorum Ipsum。演示。
在浏览器上编译和运行Nethereum代码片段。您可以在这里运行它：http://playground.nethereum.com/。
一个演示如何在Blazor SPA应用程序中使用Typin框架的示例项目（使用Xterm.js和自定义的C# Web Workers实现在浏览器中模拟终端体验）。在线演示。
eShopOnContainers的非官方Blazor WebAssembly客户端。
- 
Blazor Server与Up bank（一家澳大利亚数字银行）集成，帮助用户进行预算管理并获得强大的未来洞察力。使用Clean Architecture和Marten DB。
一个用于学习外语单词的应用程序，使用闪卡和间隔重复。
Ed Charbeneau关于Blazor和CSS的演示的源代码。
生成Graphviz DOT语言文件并可视化树形数据结构的示例。演示。
简单的Blazor Server应用程序，使用图像识别来识别和提取用户上传的图像文件中的文本。演示。
简单的Football Blazor Server Web应用程序，显示赛程和结果、小组积分、球队和球员，并具有球员搜索功能。演示。 .NET Foundation提供的Blazor应用程序构建工作坊，Blazzing Pizza。
。
。可重用的组件，如按钮、输入框、网格等。另请参阅Blazor组件包功能比较表。
一套基于Ant Design和Blazor的企业级UI组件。(演示文档)。
MudBlazor是一个雄心勃勃的Material Design组件框架，专注于易用性和清晰的结构。它非常适合希望快速构建Web应用程序而不必费力处理CSS和Javascript的.NET开发人员。MudBlazor完全使用C#编写，使他们能够自由地调整、修复或扩展框架，文档中的众多示例使学习MudBlazor变得非常容易。文档。演示。
支持Bootstrap、Bulma、AntDesign和Material CSS的Blazor组件。(Bootstrap演示), (Bulma演示), (AntDesign演示), (Material演示)。
一套基于Material Design和Blazor的企业级UI组件。它几乎完美地复制了Vuetify，并制定了长期的路线图。它由MASA团队提供支持，并保持免费和开源。文档。专业演示。
Blazor的原生UI组件。DataGrid、DataList、Tabs、Dialog等。(演示)。
Blazor的Material Design组件。Blazor的Bootstrap 4组件(演示)。
Microsoft官方FluentUI Web组件的轻量级包装，用于.NET 6.0 Razor视图和Blazor。(示例和演示)。
使用Element UI的Blazor组件库。API模仿Element，CSS直接使用Element的样式，HTML结构直接使用Element的HTML结构。Blazor WebAssembly版本演示。Blazor WebAssembly版本PWA模式演示。
将FluenUI/Office Fabric React组件和样式简单移植到Blazor。客户端演示(WebAssembly)。服务器端演示(SignalR)。
用于Blazor的可重用Bootstrap组件。(演示文档)。
一套用于Blazor服务器端和Blazor客户端平台的原生UI Blazor组件（包括数据网格、数据透视表、调度器和图表）。
最全面的原生Blazor组件库，包括数据网格、图表、调度器、图表和文档编辑器组件。(演示)。
Blazor的ADMINLTE是一个可重用组件集合，可以轻松地作为设计师或开发人员开发数字服务。包括按钮、表单元素和页面模板。该项目改编了ADMINLTE 3，因此可以从dotnet core Blazor中使用这些组件。
基于Clarity UI设计的Blazor组件库。包括Datagrid和Tree-view等30多个组件(文档和演示)。
用于Blazor和.NET MAUI Hybrid的轻量级、可定制和性能优化的组件库。使用TailwindCSS构建。演示。
另一种Material Theme Razor组件库。Material.Blazor专注于提供来自Google的material-components-web的纯标记 - 我们不试图在您和您对Google的CSS和SASS的使用之间插入自己，因为他们比我们做得更好。我们还有一些很酷的“加号”组件。查看我们的演示和全面的文档。
Majorsoft Majorsoft Blazor Components是一套用于Blazor应用程序的UI组件和其他有用的扩展。所有组件都是免费的，并且可以在NuGet上获得。该项目的主要目标是提供一套易于使用、功能丰富的可自定义组件集合和其他有用的扩展。NuGet 演示应用程序 文档。
开源MIT Blazor组件：网格、选择、向导等。
包括表格、树形视图、工具栏和文件资源管理器在内的一组开源Blazor组件。演示。
Bootstrap 5组件+在Bootstrap 5之上构建的其他组件（网格、自动建议、消息框等）。带有gRPC代码优先客户端/服务器通信、本地化等的企业项目模板。交互式文档和演示。 基于Clarity UI设计的Blazor组件库。包括Datagrid和Tree-view等30多个组件(文档和演示)。
包括网格、看板、甘特图、图表、停靠、枢轴等在内的Blazor组件库。网站。
基于Tabler UI的Blazor管理主题。最小化的JavaScript。演示。
Blazor的Ionic框架集成。
Github上的Octicons作为.razor组件创建，并通过NuGet包提供。该项目的网站是使用生成的组件的示例。
用于Blazor的图表、图表、文本编辑器、仪表、条形码和用户界面组件。演示。
用于更改文档标题和元素的<Title>和<Meta>组件，支持服务器端预渲染以用于SEO/OGP。(演示).
用于HTML画布API的C#封装库（无需JS依赖）(演示).
这是对Intersection Observer API的封装。
将ChartJs图表带到Blazor中。
用于Blazor Web应用程序的交互式和灵活的图表。受到广受欢迎的ggpplot2 R包的启发，GG.Net为您的数据分析工作流程提供了丰富的功能。只需几行代码即可构建出版质量的图表。网站。
Blazor封装器，用于ApexCharts。演示.
将具有40多种图表类型的图表库plotly.js带到Blazor中(演示).
BlazorSize是用于Blazor的JavaScript互操作库，用于检测浏览器的当前大小、大小变化和测试媒体查询。
基于animate.css的Blazor组件，用于轻松地为内容添加动画效果。演示.
DexieNET旨在成为Dexie.js的功能完整的.NET封装，Dexie.js是著名的JavaScript IndexedDB封装库。它专为Blazor设计，并包含一个易于使用的Razor组件。
带有CRUD表单的网格组件，适用于Blazor和ASP.NET MVC，支持过滤、排序、搜索、分页、子网格等功能(演示).
虚拟化数据表格组件，专注于显示远程数据。(演示和文档).
用于Blazor的日期范围选择器组件库。演示.
用于查看和创建事件、任务和里程碑的全功能日历UI组件。支持月、周和日视图。Blazor Calendar包装了功能齐全的Toast UI Calendar JS库。MIT许可证。示例项目.
用于GoogleMap库的Blazor互操作。
矢量绘图/映射库的Blazor封装。Jquery Mapael。
用于Blazor和Razor组件应用程序的无需JavaScript的模态框库。
用于Blazor和Razor组件应用程序的无需JavaScript的Toast库。
用于Blazor应用程序的强大可自定义的侧边栏实现。
提供各种标签页功能的扩展标签页组件库，适用于Blazor。
用于Blazor组件的测试库。您可以轻松地使用C#或Razor语法定义要测试的组件，并使用语义化的HTML差异/比较逻辑验证结果。您可以轻松地与组件交互和检查组件，触发事件处理程序，提供级联值，注入服务，模拟IJsRuntime，并执行快照测试。
用于Blazor组件的快照测试库。支持通过bunit或原始Blazor渲染将Blazor组件渲染到快照文件中。
.NET Core和Blazor库，通过引入一种新颖的“计算可观察对象”（computed observables）来显著改进实时和高负载服务的实现方式 - 不可变、线程安全，最重要的是对开发人员几乎是透明的。示例。概述。
用于Blazor的上下文菜单组件（演示）。
一个完全可定制和可扩展的通用图表库，用于Blazor，灵感来自流行的react-diagrams库，并添加了许多功能。演示。
自动完成文本框，支持本地和远程数据源，适用于客户端和服务器端Blazor。
用于Blazor的易于使用的拖放库。
无需任何JavaScript库或依赖项，从C#将文件下载到浏览器的Blazor下载文件解决方案。BlazorDownloadFile是在客户端保存文件的解决方案，非常适合在客户端生成文件的Web应用程序。但是，如果文件来自服务器，我们建议您首先尝试使用Content-Disposition附件响应头，因为它具有更广泛的跨浏览器兼容性。
交互式图表组件（流程图、UML、BPMN等），可根据用户需求进行自定义和扩展（节点类型、样式）。演示。
用于从浏览器读取和写入本地文件系统的Blazor包装器，支持文件和目录。[演示](The API makes it possible to read and write to your local file system from the browser both files and directories.)。
PatternFly的Blazor封装。要查看最新的开发分支，请访问demo应用程序。
允许当前和上一个路由同时存在，从而实现UI/UX设计系统的过渡动画。
实现流行的SweetAlert2 JavaScript库的Blazor组件。
用于Microsoft的Monaco Editor的Blazor组件，用于支持Visual Studio Code。(演示)。
带有额外功能的CSS网格组件库，例如交互式移动和调整大小。轻松创建自己的仪表板。(演示)。
树视图组件库。(演示)。
用于Blazor的GitHub表情符号。(演示)。
用于服务器端Blazor的hCaptcha组件。
使用XLocalizer本地化的默认项目模板，支持在线翻译和自动资源创建。
使用Blazor WebAssembly实时跟踪速度魔方平均值的应用程序。演示。
创建由滑动分隔器分隔的多个面板。
响应式的垂直时间轴组件。
用于Blazor的打字机效果。
基于Mergely的Blazor差异和合并组件的实现，支持服务器端。
一个库，为Blazor WebAssembly提供了使用MetaMask的简便助手。
将“input type=file”元素包围在这个Blazor组件中，以创建一个接受拖放文件的区域（演示）。
使用current-device.js为Blazor进行设备检测。
一个带有样式的文本区域。该组件本质上仍然是一个文本区域，但可以根据应用程序的需要对文本进行任意样式设置。它的简单性是有意设计的，以避免富文本编辑器带来的复杂性和问题。
一个简单易用的Blazor组件，用于绘制自定义签名。演示。用于状态管理、Cookie、本地存储和其他特定工具的库和扩展。
用于DotNet的零样板Flux/Redux库。
一个库，为Blazor应用程序提供对本地存储的访问。
使用MediatR管道在Blazor中管理客户端状态。 用于Blazor组件的测试库。您可以使用C#或Razor语法轻松定义要测试的组件，并使用语义HTML差异/比较逻辑验证结果。您可以轻松地与组件交互和检查组件，触发事件处理程序，提供级联值，注入服务，模拟IJsRuntime，并执行快照测试。
一个跨平台的将文本复制到剪贴板和从剪贴板复制文本的包。支持Blazor通过Clipboard浏览器API。
CssBuilder是用于Razor组件的CSS类的构建器模式。 用于浏览器文件系统访问API的Blazor封装器。
用于Blazor的Polyfill（用于支持Internet Explorer 11和其他一些浏览器）。
用于Blazor的本地化内容文本库（演示）。 用于Blazor的GoogleMap库。
在Blazor中创建DotNet Web Worker线程/多线程的库。在线演示。
BlazorMVVM是一个用于构建Blazor和BlazorServerside应用程序的小型框架。通过其简单易用的MVVM模式，您可以提高开发速度，同时最大限度地减少麻烦。
使用Blazor WebAssembly开发浏览器扩展/插件。已在Google Chrome、Mozilla Firefox和MS Edge上进行了测试。
使用iTextSharp从Blazor Server应用程序生成PDF文档。
BlazorRouter是一个受react-router启发的令人敬畏的路由器，为Blazor提供声明式路由。
Steve Sanderson的BlazorFileInput组件的包装器。
为Blazor提供基于配置的键盘快捷键。
为Blazor提供语音合成API访问的库。
使用Redux开发Blazor应用程序。
用于Howler.js的Blazor JSInterop包装器，一个音频库。
用于jsMind的Blazor JSInterop包装器，一个思维导图工具。
受欢迎的Highcharts库的端口。演示。
用于CSS样式表的延迟加载。
Blazor组件中的智能脚本标签，非常适合延迟加载JavaScript文件。
用于IndexedDB DOM API的Blazor库。
BlazorIndexedDbJs是IndexedDB DOM API的包装器，支持Blazor WASM和Server。
打开一个调色板，用于Blazor应用程序的Material颜色。
用于使用蓝牙连接设备的Blazor库。
用于实验性WebBluetooth功能的Blazor服务。基于Blazm.Bluetooth。
用于Blazor Web应用程序的Application Insights。
使用本地打印对话框在Blazor Server或客户端应用程序中打印和保存PDF文档。
使用.razor组件为电子邮件内容呈现HTML字符串。
用于Media Session API的Blazor JSInterop包装器。Media Session API提供了自定义媒体通知的方法。(演示)。
用于Blazor Wasm项目的防病毒保护。该软件包试图在将Blazor Wasm标记为恶意软件的杀毒软件产生误报之前提供保护，直到Microsoft提供官方解决方案。
一个无偏见的Blazor状态管理库，利用INotifyPropertyChanged和INotifyCollectionChanged .NET接口自动检测组件中的状态更改。
用于Blazor的GoogleApis的开源实用程序包。从头开始编写，旨在提供最简单的使用方式。
2023年2月23日至2023年3月14日 - 学习如何使用Playwright为您的Blazor应用实现端到端测试。社区链接。
2023年2月23日 - Carl与Blazor的创建者Steve Sanderson进行访谈，回答关于即将推出的.NET 8中的Blazor United的问题。
2023年2月23日 - 与Michael Washington聊聊.NET开发人员如何在他们的Blazor应用中利用OpenAI GPT-3。
2023年2月14日 - Blazor团队分享了关于.NET 8中Blazor United的初步想法，这是一个旨在为您的所有Web UI场景创建一个统一模型的努力，结合了Razor Pages、Blazor Server和Blazor WebAssembly的优点。社区链接。
2022年12月21日 - 您是否厌倦了慢而笨重的Web应用程序？不要再寻找了，Blazor在React中运行！Blazor是一个强大的框架，用于使用C#构建交互式客户端Web应用程序，当与React的速度和灵活性相结合时，您将获得令人惊叹的高性能Web体验的绝佳组合。在这个视频中，我们将使用新的自定义元素功能在React中运行Blazor，并展示这个动态二人组的其他令人兴奋的功能和优势。不要错过Web开发的未来。
2023年1月10日 - 展示使用新功能和当前实验性功能构建.NET 7 Blazor应用程序的过程。特邀嘉宾：Daniel Roth、Jon Galloway、Mackinnon Buck。社区链接。
2022年11月18日 - 使用IDE创建Fluxor CRUD应用程序。
2022年11月10日 - .NET 7中的Blazor加载了许多使构建美观交互式Web UI更加轻松和高效的新改进。在本次演讲中，我们将看看对自定义元素的新支持、改进的数据绑定、处理位置更改事件、显示加载进度、动态身份验证请求等方面的支持。
2022年11月10日 - 您已经了解了.NET 7中的新功能，但是当您构建应用程序时，它们如何协同工作呢？加入Steve，他将使用新旧功能快速构建一个端到端的音频管理器应用程序，使用Blazor WebAssembly。这是一个中等难度的演讲（假设您已经了解Blazor），充满了提示和技巧，包括：更清晰地组织JS互操作、直接访问最终用户文件系统上的文件、动态生成SVG、创建优雅的“加载”体验以及AOT编译的性能影响。提供完整的源代码！
2022年11月10日 - .NET 7引入了在WebAssembly上运行.NET代码的强大新功能。在本次演讲中，我们将展示如何使用新的和改进的JavaScript互操作支持从任何JavaScript代码中运行.NET。我们将介绍.NET在WebAssembly上的调试和热重载改进，并展示.NET 7中的.NET WebAssembly构建工具如何利用最新的WebAssembly功能（如SIMD和异常处理）来提高性能。我们还将介绍一些即将推出和实验性的.NET WebAssembly功能，如多线程支持。
2022年11月10日 - 测试很难，测试需要时间学习和编写，而时间就是金钱。作为开发人员，我们想要测试。我们知道我们应该测试，但我们没有时间。那么我们如何让更多的开发人员进行测试呢？我们可以创建更好的工具。让我向您介绍Playwright - 一种可靠的端到端跨浏览器测试工具，由Microsoft全面开源。Playwright的代码生成为您生成测试，所以现在您真的没有借口了。是时候玩转您的测试了。
2022年11月10日 - 您是Web开发人员，需要针对iOS、Android、macOS和Windows进行开发吗？使用.NET MAUI和Blazor Hybrid直接发布到商店并构建世界级应用程序，具有本机API访问权限。 2022年11月10日 - 桌面应用程序并未消亡，有许多使用WPF和Windows Forms编写的应用程序需要转移到Web上，或者重用由Web团队编写的现成组件。Blazor可以满足这两个要求，感谢Blazor Hybrid。让我们看看您如何使用它。 2022年11月10日 - 您的CSS代码是否让您想起《收藏者》的一集？在本次演讲中，我们将探讨Blazor开发人员面临的各种与CSS相关的架构决策。与会者将学习何时以及如何使用纯CSS、Sass或CSS隔离与Blazor。我们将讨论自定义CSS属性等现代CSS技术。我们将探索通过利用CSS原则和整合辅助库构建模块化和智能CSS的技术。本次演讲旨在打破对Bootstrap和Tailwind等CSS系统的依赖。 2022年11月10日 - 您是一名.NET开发人员，想要快速构建和部署全栈.NET无服务器应用程序吗？那么这个演讲适合您！在本次演讲中，我们将学习如何使用Azure静态Web应用程序与Blazor和.NET。首先，我们将探索Azure静态Web应用程序。然后，看看如何使用与.NET Azure Functions或Azure Container Apps配对的Blazor WebAssembly入门。我们将继续探索其他现有的.NET API选项。最后，我们将发现如何从我们的代码存储库自动构建和部署到Azure。
2022年11月3日 - Carl展示了如何在Blazor WebAssembly应用程序中轻松支持多种语言。
2022年11月2日 - 项目“NextTechEvent”的第12部分，该网站将帮助演讲者、组织者和参与者找到他们的下一个技术活动。在本次直播中，我们使用RavenDB添加了搜索功能，通过添加索引的方式。组织者可以按名称、国家、位置、城市和标签或它们的组合来筛选会议。这样我们就可以看到在“斯德哥尔摩”有多少个会议，或者所有名为“NDC”的会议。 源代码。
2022年10月20日 - 添加嘉宾、链接和播放列表功能。
2022年10月11日 - 了解Blazor在.NET 7中的最新多线程和MSAL开发。社区链接。
2022年9月22日 - Carl展示如何使用MSAL和Azure AD B2C对用户进行身份验证并调用安全API。
2022年9月13日 - 了解Blazor在.NET 7中的令人兴奋的运行时变化。社区链接。第一部分。
2022年9月8日 - 从头开始制作Blazor文本编辑器，Blazor文本编辑器第1部分。
2022年9月8日 - Roslyn语法高亮 | Blazor文本编辑器第2部分。 2022年9月8日 - 从头开始制作Blazor文本编辑器 | Blazor文本编辑器第1部分。
源代码。
2022年9月1日 - 简短介绍Blazor。Blazor是一个使用HTML、CSS和C#构建前端Web应用程序的框架。它利用WebAssembly来消除通常的客户端技术栈中的JavaScript。
2022年8月28日 - 在本教程中，我们将学习如何使用Blazor创建一个待办事项列表，并使用Bootstrap改进页面。
2022年8月23日 - 由Daniel Roth、Jon Galloway、Mackinnon Buck和Tanay Parikh概述了.NET 7中的Blazor。了解Blazor在.NET 7中即将推出的伟大新功能。
2022年8月22日 - 在本教程中，您将学习使用Blazor构建网站的基础知识，以及默认的Blazor项目模板的工作原理。如果您有任何问题，请随时留言，我会尽力回复。我还在下面添加了一些您可能会发现有用的注释。
2022年7月18日 - 在本次会议中，Josh和我将继续在开源空间中构建一个去中心化的社交媒体平台。在这个特定的会议中，我们将讨论、设计和实现使用SharpStyles在Blazor中的主页标题。 2022年7月12日 - ASP.NET社区站立 - Blazor：Blazor WebAssembly中的状态管理方式。在使用Blazor WebAssembly应用程序时，我们经常忽视适当的状态管理的重要性。如果没有良好的理解和正确的策略，我们的应用程序可能会被具有不良行为的组件污染，我们最终会后悔糟糕的选择。- 本次会议涵盖了简单的状态管理方式，然后逐渐发展到像Redux模式这样更有趣的东西。我们将看到每种方式的优点和缺点。接下来，我们将退后一步，确定与我们的应用程序配对的适当状态管理调味品。您将在本次会议中品尝到所有美味的风味，并能够做出明智的决策，以获得最佳的开发体验。社区链接。 2022年7月11日 - 本视频展示了如何使用Azure Active Directory (AAD)保护您的Blazor应用程序和Web API。
2022年7月7日 - Blazor和.NET在WASI上的未来，由Steve Sanderson在NDC Porto上的演讲。在这个以演示为中心的演讲中，微软开发者/架构师Steve将展示用于构建浏览器和本地应用程序的Blazor的最新技术。这将包括.NET 6中提供的强大新功能，以及正在开发的.NET 7和.NET MAUI的即将推出的增强功能。我们还将探讨更多实验性的未来可能性，包括在服务器上运行.NET Core的WASI（WebAssembly on the server），这将创建全新的云和边缘托管选项，并使您能够将.NET代码带到以前从未到达过的地方。
2022年6月29日 - Visual Studio团队的Grace Taylor加入James，谈论他们正在进行的一个改进Visual Studio内部教程的新实验！他们的第一个实验将帮助开发人员开始学习和构建使用Blazor的Web应用程序。安装Visual Studio，您可能有机会测试团队的这个新实验性功能。
2022年6月20日 - 本视频介绍了在Blazor中测试驱动的CSS样式。
2022年6月16日 - 我应该更深入地学习Blazor还是更好地了解ASP.NET Core？哪个是首先学好的更好的选择？我应该来回跳动还是专注于一个？
2022年5月27日 - Carl向您展示如何在创建Blazor组件时使用TypeScript。
2022年5月25日 - 了解如何使用Visual Studio和.NET Multi-platform App UI (.NET MAUI)快速、迭代地构建现代、原生和混合式Web应用程序，以适用于任何设备。我们将为您介绍可以加快开发时间、从单个代码库创建功能强大的原生桌面和移动应用程序（适用于Windows、macOS、iOS和Android）的工具和框架。我们还将向您展示如何通过原生设备功能增强您的Blazor Web应用程序。
2022年5月25日 - Blazor使用最新的开放Web标准，实现了使用.NET进行全栈Web开发。但是，如果您需要构建原生客户端应用程序呢？Blazor正在扩展到Web以外的领域，通过使用Web技术和.NET的混合方式来支持构建原生客户端应用程序。在本次演讲中，我们将介绍.NET MAUI中的新的Blazor Hybrid支持，用于构建跨平台的原生客户端应用程序（适用于移动设备和桌面），以及用于现代化WPF和Windows Forms应用程序的Blazor Hybrid支持。
2022年5月25日 - WebAssembly正在超越浏览器，成为现代云原生架构的基础元素。它可以让任何语言编译为在任何操作系统或处理器上运行的通用二进制文件，具有强大的沙箱和出色的性能。本次演讲介绍了在WASI环境中运行.NET的新方法。您将了解到如何将现有的.NET代码构建为符合WASI标准的模块，以及这样做带来的机会。这是一个实验性的项目，尚未成为正式产品。 2022年5月20日 - 在上一个视频中，我们使用Bold Reports Designer创建了一个自定义报告。我们可以使用提供的Bold Reports Viewer来显示报告，但这并不总是符合您的要求。因此，今天我们将在Blazor Server应用程序中实现一个报告查看器。这样，我们可以在我们的网站内直接向客户展示我们的自定义报告，而不是将他们发送到单独的应用程序中。 2022年5月19日 - 许多开发人员仍然认为WebAssembly是一种与低级系统编程语言相关的前沿技术。然而，自2017年以来，C#和.NET就已经可以在WebAssembly上运行。Blazor WebAssembly将.NET引入了基于开放标准的浏览器中，现在已经成为.NET在企业、初创公司和爱好者中增长最快的部分之一。接下来，通过WASI，我们可以让您在更多地方运行.NET，为全球开发者社区的更广泛部分引入云原生工具和技术。这是一个技术性的演讲，展示了我们如何将.NET引入WebAssembly。Steve将演示它如何同时运行解释和AOT编译，IDE调试器如何附加，性能权衡以及从Emscripten迁移到WASI SDK如何使其在Wasmtime/Wasmer或像wasmCloud这样的更高级运行时中运行。其次，您将了解到Blazor作为一个开源项目的经验教训-在将WebAssembly引入早期采用者之外所面临的挑战和误解。
2022年5月19日 - 在这个视频中，我们使用ServiceStack Blazor WASM模板，展示了使用类型化的端到端服务和Blazor构建业务应用程序的强大性。该模板提供了关注点清晰分离、类型化的端到端安全性以及由于共享的C#语言、Visual Studio Hot Reload和ServiceStack消息中心设计而带来的快速迭代。
2022年5月17日 - 展示将Blazor WASM PWA迁移到.NET MAUI和Blazor Hybrid。社区链接。 2022年5月13日 - Steve Sanderson在NDC London 2022上的演讲。现实世界的软件项目通常涉及多种技术的组合。那么，现代Blazor是否足够强大和灵活，适合您团队的需求？在这个以演示为主的演讲中，Steve将展示Blazor WebAssembly/Server如何无缝嵌入其他语言（如Rust或C/C++）编写的库和逻辑，Blazor WebAssembly/Server组件如何在其他SPA框架（如React或Angular）中使用（或反之），以及Blazor组件如何不仅用于Web项目，还与macOS、iOS、Android和Windows的原生应用程序共享（包括WPF和WinForms）。这些功能应该使您的团队能够自信地承担最具雄心的项目。然后，我们将进一步展望未来，考虑WebAssembly如何超越浏览器，成为云原生服务器应用程序的基础元素。您将是第一个看到将.NET应用程序编译为符合WASI标准的通用二进制文件的实验性新方法，这些文件可以在任何操作系统或处理器上运行，具有强大的沙箱和出色的性能。 2022年5月13日 - 使用C#创建办公文件一直是一种受欢迎的解决方案。您可以生成用户熟悉的格式的报告。使用Syncfusion文件控件，您不仅可以创建Excel文件，还可以创建Microsoft Word文档、PowerPoint演示文稿和PDF文档。在这个视频中，我们将介绍Syncfusion中的办公文件控件以及如何使用它们。
2022年5月11日 - John Miller加入James在本周的On .NET节目中，讨论了.NET开发人员如何完全使用C＃、.NET和Blazor构建Microsoft Teams应用程序和机器人！John将向我们展示一切我们需要了解的内容，甚至如何发布Teams应用程序。
2022年5月11日 - Syncfusion中的Blazor控件非常强大。在这个视频中，我们将介绍DataGrid、图表、看板式面板、仪表板、自动完成文本框、上下文菜单、签名板、菜单栏、弹出消息等控件。实际上有很多控件要介绍，因此我们将有意忽略办公文件创建和显示控件，以及报告。这样，我们今天可以在其他控件上花更多时间，然后在另一个视频中专注于办公文件。报告将有两个不同的视频专门介绍。
2022年5月10日 - 现代Web开发意味着越来越多的应用程序代码在浏览器中运行。传统上，这是使用JavaScript完成的，但最近越来越多地使用C#/WASM和Blazor。这些现代应用程序通常还需要身份验证和单点登录，以及基于令牌的调用API的安全性-换句话说，OpenID Connect和OAuth 2。有不同的模式可以保护此类应用程序，本次演讲涵盖了各种方法的一些问题，特别是考虑到不断变化的浏览器环境。我们将以“前端后端”（或BFF）模式结束，这已成为这些方法中最安全和最稳定的模式。
2022年5月5日 - 应用程序演示，使用Azure DevOps管道创建静态Web应用程序，添加Azure DevOps环境并配置批准，配置多阶段管道，静态Web应用程序命名的预览环境，Playwright测试，生产部署之前的手动批准，使用密码保护分段环境。源代码。 2022年5月2日 - 在本周的节目中，Kristoffer Strube加入了小组，向我们展示了一个用于浏览器文件系统访问API的Blazor WASM封装。他带来了演示和代码分享，所以这是一个您不想错过的节目。
2022年4月29日 - 在NDC Porto上，Dominick Baier介绍了使用BFF（前端后端）模式保护SPAs和Blazor应用程序的方法。
2022年4月29日 - 在开发单页面应用程序时，状态管理是非常重要的一个方面。由于Blazor是一个基于组件的UI框架，当应用程序的状态发生变化时，我们如何更新UI呢？
2022年4月29日 - 使用Blazor进行流式传输：REST、gRPC和SignalR，由Carl Franklin在NDC Porto 2022上演讲。学习如何从服务器流式传输数据到客户端，以提高感知性能和增加可扩展性。Carl展示了流式传输的工作原理，以及如何使用这三种传输方式进行实现。
2022年4月25日 - SignalR是一种连接两个或多个客户端进行实时通信的绝佳方式。最好的部分是，这个库只是对Web Sockets和Long-Polling等Web标准技术的封装。它只是让它们更容易使用。这意味着我们甚至可以将SignalR与其他客户端（如Java或JavaScript）一起使用。在这个视频中，我们将学习如何设置SignalR以及如何使用Web客户端和桌面客户端连接到它。在整个视频中，我们将涵盖最佳实践，以及如何在实际应用中使用它。
2022年4月21日 - Carl重新审视了使用Blazor的MVVM主题，澄清了您的选择。 2022年4月14日 - 构建一个客户端可以查询的通用存储库。 2022年4月12日 - David Pine在本月的Blazor社区站立上介绍了Blazorators，Blazor C#源代码生成器。社区链接。
2022年4月1日 - Blazor使得使用.NET构建客户端Web UI成为可能，但有时您需要更多的功能。有时您需要完全访问设备的本机功能。现在，您可以在.NET MAUI应用程序中托管Blazor组件，使用Web UI构建跨平台本机应用程序。这些组件在.NET进程中运行，并使用本地互操作通道将Web UI呈现到嵌入的Web视图控件中。这种混合方法使您可以兼具本机和Web的优点。您的组件可以通过.NET平台访问本机功能，并呈现标准的Web UI。.NET MAUI Blazor应用程序可以在任何.NET MAUI上运行（Windows、Mac、iOS和Android）。
2022年3月31日 - 使用Fluxor进行应用程序状态管理，Flux/Redux库适用于Blazor。
2022年3月14日 - Fritz向您展示如何将身份验证和授权连接到您的Blazor应用程序。我们将重点介绍如何将正确配置的Microsoft Identity应用程序连接到您的Blazor框架。
2022年3月8日 - 加入这个Blazor社区站立，了解如何使用Blazor Hybrid创建适用于Windows、iOS、Android和Mac的跨平台本机客户端应用程序。社区链接。
2022年3月2日 - Tailwind CSS已经成为一段时间以来越来越受欢迎的框架。它正在迅速成为在样式化应用程序时使用的顶级框架之一。它提供了一种与传统框架（如Bootstrap）不同的方法-基于实用程序的样式化。与使用预构建组件（导致您的应用程序看起来像网络上的其他应用程序）不同，您可以通过应用小而专注的CSS类来定制设计，从而为您的应用程序创建独特的样式。在这个演讲中，您将学习如何将Tailwind CSS的强大功能带到您的Blazor应用程序中。我们将从介绍Tailwind以及它与其他CSS框架的区别开始。然后，我们将进入一些代码，并看看如何将Tailwind与Blazor集成。在接下来的时间里，我们将探索Tailwind的各种功能，并看看我们可以为我们的Blazor应用程序创造多么美丽的界面。由Chris Sainty在NDC Oslo 2021上演讲。 2022年3月1日 - 为什么要创建UI组件的测试？UI测试不是天生脆弱、运行缓慢且难以维护吗？由Egil Hansen在NDC Oslo 2021上演讲。
2022年2月28日 - 您已经构建了Blazor应用程序，现在在哪里运行它？在这个充满演示的会议上，Fritz将介绍渐进式Web应用程序、使用Docker打包以及将Blazor应用程序部署到Azure。社区链接。 2022年2月21日 - Steve Sanderson在NDC Oslo 2021上的演讲。.NET 6对于Blazor来说是一个重要的版本，为.NET Web开发人员增加了许多强大的新功能。这个演讲将充满演示，让您了解这个热门框架的最新情况。 2022年2月14日 - Blazor是一个免费且开源的Web框架，使开发人员能够使用C#和HTML创建Web应用程序。作为一名.NET开发人员，我也是经典指向和点击冒险游戏的忠实粉丝，我将我的Game-a-Tron 4000冒险游戏引擎移植到了Blazor上。 2022年2月8日 - 了解Blazor在.NET 7中的计划。社区链接。
2022年1月24日 - 大会的第一天以Scott Hunter的主题演讲开始。第一天的重点是前端技术（Blazor）。会议网站。
2022年1月11日 - 加入Blazor创始人Steve Sanderson，了解Blazor WebAssembly在.NET 6上的特殊情况。社区链接。
。
包含 ChartJs。 。 。
更新 .razor 文件并立即查看更新，无需重新加载页面。由于无需重新加载任何内容，因此保留了应用程序状态。livesharp.net。
一个不包含 JavaScript 和 CSS 库的 Blazor 应用程序项目模板包。
在浏览器中编写、编译、执行和共享 Blazor 组件 - https://blazorrepl.com。
当发布 Blazor WebAssembly 应用时，此包会预渲染并将应用保存为静态 HTML 文件到公共文件夹中。
将此 NuGet 包添加到您的 Blazor WebAssembly 项目中，以便轻松将其发布到 GitHub Pages。
用于编译、缩小和压缩 scss、css 和 js 的 dotnet 全局工具。
Tracetool 查看器，Dotnet、Java、Javasvript、C++、Python、Delphi 的客户端 API。
。
。
- 这是一个由开发人员为开发人员精心制作的、使用 .NET Blazor 的 .NET 知识共享平台。ilovedotnet.org。
在法律允许的范围内，Adrien Torris已放弃对此作品的所有版权和相关或邻近权利。