Blazor预研与实战

Posted 2022-08-23 dotNET跨平台

背景

最近一直在搞一件事，就是熟悉Blazor，后期需要将Blazor真正运用到项目内。前期做了一些调研，包括但不限于

• Blazor知识学习

• 组件库生态预研

• 与现有SPA框架做比对

• 与WebForm做比对

• 自己动手做个演示项目

最终的体验非常不错，功能全面。现有的一些SPA思想Blazor基本都有，现有的WebForm开发思想Blazor基本也包含，甚至提供了混合开发，可以开发PC/移动端应用。

Blazor真正做到了集技术大成于一体，如果我们再给予一些关注度，必成为下一个主流框架！

Blazor目前已经接近30K的star，关注度持续升高。大家也去star吧！

https://github.com/dotnet/aspnetcore  

Blazor知识学习

Blazor学习途径还是推荐官方文档，全而不乱，井井有条f，从基础到高级用法，层层递进。

https://docs.microsoft.com/zh-cn/aspnet/core/blazor/?view=aspnetcore-6.0

其次是Github，Github上各种组件库、项目模板，提供了充分的学习，借鉴渠道。可以看到Blazor真正在活跃。

https://github.com/search?q=Blazor

一个汇总库，提供了各个领域Blazor目前现有的一些模板、组件库，非常全面

https://github.com/AdrienTorris/awesome-blazor

组件库预研

Blazor组件库目前看来太多了，比较优秀，关注度比较高的有。

https://github.com/MudBlazor/MudBlazor

https://github.com/ant-design-blazor/ant-design-blazor

https://github.com/dotnetcore/BootstrapBlazor

https://github.com/BlazorComponent/MASA.Blazor

组件库现在还在持续变多，可供选择性越来越高

与现有SPA比对

Blazor作为一个SPA框架，现有SPA基本上理念一致，MVVM思想中有的Blazor全都有：双向绑定、路由、依赖注入、组件化、事件处理...

也有不少人做过对应分析，十分不错

https://devathon.com/blog/blazor-vs-angular-vs-react-vs-vue/

https://www.telerik.com/blogs/blazor-vs-vue-web-developers

我也做了个简单的翻译

https://www.cnblogs.com/chenyishi/p/16595037.html

与WebForm做比对

为啥要与WebForm做比对？Blazor从开发模式说与WebForm还是有一点相似的，包括页面生命周期，项目结构，中间件...

官方也给我们提供了迁移文档，减小从webform迁移到blazor的难度。

https://docs.microsoft.com/zh-cn/dotnet/architecture/blazor-for-web-forms-developers/introduction

动手实战

光学不练可不行，就用MudBlazor做个Demo，试试Blazor WebAssemebly端和Blazor hybrid混合开发有多爽。

特别是Blazor hybrid混合开发，用HTML思想开发Winform，但逻辑用C#写而不是JS，体验原生性能，大家赶紧动起来吧！

别再听一些人说Blazor不行.NETCore+不行了，自己尝试下就知道多棒了！大家去star吧！https://github.com/dotnet/aspnetcore