blazor webassembly 开发资料汇总

blazor webassembly standalone 模式, 前台是 webassembly, 后台可以是任意语言开发的API服务
blazor webassembly hosted 模式, 前台是 webassembly, 后台是 aspnet core
blazor server 模式, 前台是 webassembly, 后台是 aspnet core, 前台通过SignalR和后台通讯

精选

blazor university 教程 https://blazor-university.com/
blazor university 中文教程 https://feiyun0112.github.io/blazor-university.zh-cn/
yogihosting 的教程 https://www.yogihosting.com/category/blazor/
blazorschool https://blazorschool.com/tutorial/blazor-wasm/dotnet5/deploying-726802
图文并茂 https://ilovedotnet.org/blogs
中文翻译的教程 https://www.cnblogs.com/ittranslator/category/1995890.html
沙漠之尽头的狼的大家一起学blazor https://dotnet9.com/album/Let-us-learn-blazor-together
理解componentBase 和Render https://shauncurtis.github.io/articles/Blazor-Components.html
https://www.codemag.com/Magazine/ByCategory/Blazor
https://www.codemag.com/article/1809061/re-assembling-the-web-with-web-assembly-and-blazor
https://www.codemag.com/Article/1911052/A-New-Era-of-Productivity-with-Blazor
https://www.codemag.com/Article/2009061/En-Route-to-Full-Stack-.NET-Development-with-Client-Side-Blazor
https://www.meziantou.net/archives-categories-blazor.htm
https://jasonwatmore.com/post/2020/08/13/blazor-webassembly-jwt-authentication-example-tutorial
https://chrissainty.com/containerising-blazor-applications-with-docker-containerising-a-blazor-webassembly-app/
https://shauncurtis.github.io/articles/Blazor-Components.html
https://nightbaker.github.io/
https://www.pragimtech.com/blog/blazor-webAssembly/what-is-blazor-webassembly/
https://www.claudiobernasconi.ch/category/blazor/
https://remibou.github.io/Should-I-peek-Blazor/

其他

晓晨Master
https://www.cnblogs.com/stulzq/category/1775987.html
Building a Progressive Web App with Blazor
https://devblogs.microsoft.com/visualstudio/building-a-progressive-web-app-with-blazor/
A simple way to create a PWA with Blazor WebAssembly
https://wellsb.com/csharp/aspnet/create-pwa-from-blazor-app/
c-sharpcorner.com tips for build blazor webassembly
https://www.c-sharpcorner.com/article/tips-for-building-blazor-webassembly-app-in-net-6-and-visual-studio-code/
Progressive Web Applications – From Zero to Hero (Blazor, ASP.NET Core, Vue.js, Angular Examples)
https://www.dotnetcurry.com/aspnet-core/progressive-web-apps-blazor-vuejs-angular
blazor server 和 blazor assembly 区别
https://dotnettutorials.net/lesson/blazor-hosting-models/

微软官方教程 aspnet blazor tutorial

https://docs.microsoft.com/en-us/dotnet/architecture/blazor-for-web-forms-developers
https://github.com/dotnet/AspNetCore.Docs/tree/main/aspnetcore/blazor
https://docs.microsoft.com/en-us/aspnet/core/blazor/?view=aspnetcore-5.0
https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/intro
https://docs.microsoft.com/en-us/learn/modules/build-blazor-webassembly-visual-studio-code/?WT.mc_id=DT-MVP-5003987

理解官方提供的 blazor 项目模版
https://www.pragimtech.com/blog/blazor-webAssembly/create-blazor-webassembly-app/
学完: zzzprojects 出品的 blazor tutorial 稍微有点过时
https://blazor-tutorial.net/create-blazor-application
《进击吧！Blazor！》系列入门教程
https://www.cnblogs.com/MSReactor/category/1917442.html

实例

https://jasonwatmore.com/post/2020/08/13/blazor-webassembly-jwt-authentication-example-tutorial
https://jasonwatmore.com/post/2020/09/27/blazor-webassembly-authentication-without-identity
https://jasonwatmore.com/post/2020/11/09/blazor-webassembly-user-registration-and-login-example-tutorial

使用Blazor开发内部后台系列
https://zhuanlan.zhihu.com/p/389393062
https://zhuanlan.zhihu.com/p/387942466
https://zhuanlan.zhihu.com/p/395232158

Release and deploy

https://www.endycahyono.com/article/hosting-blazor-webassembly-in-nginx
https://www.cnblogs.com/Hero-/p/14263941.html
https://docs.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/webassembly
https://www.meziantou.net/optimizing-a-blazor-webassembly-application-size.htm

组件库

• Radzen Blazor Components开源免费组件包 https://blazor.radzen.com/
• Radzen Blazor Components 快速入门 https://www.c-sharpcorner.com/article/how-to-get-started-with-the-radzen-blazor-components/
• 国人主导的 BootstrapBlazor https://gitee.com/LongbowEnterprise/BootstrapBlazor
• masa blazorpro 面板 https://blazor-pro.masastack.com/dashboard/ecommerce