Introduction to the Blazor WebAssembly .NET 6
This tutorial will introduce you to Blazor WebAssembly for .NET 6. This tutorial includes:
- What make Blazor a stand-out framework?
- Hosting models in comparison.
- Tutorial series.
- Contribution to this series.
What make Blazor a stand-out framework?
Started in 2018, Blazor is developed by Microsoft as an SPA (single page application) framework. Most existing SPA frameworks like Angular, Vue, React built with TypeScript/JavaScript language. Blazor in the contrast, use C# to build the website then the code will be compiled to WebAssembly and run directly on the browser. Blazor also optimize the communication between browser and server by using WebAssembly instead of traditional JSON. In summary:
- Build a website with a strong type language (C#).
- Optimize communication between client and server by using WebAssembly.
- Optimize performance by using WebAssembly to execute logic on the browser.
- Requires zero to minimal JavaScript knowledge to build a website.
- Compatible with existing JavaScript libraries.
Hosting models in comparison
| Blazor Server | Blazor WebAssembly | |
| Access to server resource | Directly | Indirect |
| Built-in SignalR Core | Yes | No |
| Built-in service worker? | No | Yes |
| Validation and process | At server | At client |
| Ready for production? | Yes | Yes |
| Client-Server communication | By byte code | By JSON, byte code |
Blazor Server can be hosted on a web server (NGINX, Apache, ...), Azure AppService.
Blazor WebAssembly is a frontend website and can be hosted on Azure Static WebApp, Azure AppService, or a web server (NGINX, Apache, ...). For a full functional Blazor WebAssembly you need to combine with a backend technology (Azure Function, Grpc, ASP.NET Web API).
Tutorial series
After attending this tutorial series, you will gain confident in website development with Blazor WebAssembly. This tutorial series is for beginner to expert level, with the following main points:
- Build an online store website.
- Blazor WebAssembly fundamentals.
- Built-in features.
- Advanced techniques.
- Hosting and deployment.
- Migrate to a new version.
Contributions to this series
Since 09-Dec-2021, Blazor School became a community documentation that means individual can improve tutorials from Blazor School.
Report problems or submit suggestions for future docs.
Contribute to Blazor community documentation by create a pull request on the Blazor School Docs repository.
Our community values respectful, supportive communication.
