Web Development with Blazor: A practical guide to start building interactive UIs with C# 11 and .NET 7

Develop modern web UIs with Blazor Server and Blazor WebAssembly

Purchase of the print or Kindle book includes a free eBook in PDF format.

Key Features

• Create a production-ready Blazor application from start to finish
• Learn Blazor fundamentals, gain actionable insights, and discover best practices
• Find out how, when, and why to use Blazor Server and Blazor WebAssembly, as well as Blazor Hybrid

Book Description

Blazor is an essential tool if you want to build interactive web apps without JavaScript, but it has a learning curve. Updated with the latest code in .NET 7 and C# 11 and written by someone who adopted Blazor early, this book will help you overcome the challenges associated with being a beginner with Blazor and teach you the best coding practices.

You'll start by learning how to leverage the power of Blazor and exploring the full capabilities of both Blazor Server and Blazor WebAssembly. Then you'll move on to the practical part, centered around a sample project – a blog engine. You'll apply all your newfound knowledge about creating Blazor projects, the inner workings of Razor syntax, validating forms, and creating your own components.

This new edition also looks at source generators, dives deeper into Blazor WebAssembly with ahead-of-time, and includes a dedicated new chapter demonstrating how to move components of an existing JavaScript (Angular, React) or MVC-based website to Blazor or combine the two. You'll also see how to use Blazor (Hybrid) together with .NET MAUI to create cross-platform desktop and mobile applications.

When you reach the end of this book, you'll have the confidence you need to create and deploy production-ready Blazor applications, and you'll have a big-picture view of the Blazor landscape.

What you will learn

• Understand the different technologies that can be used with Blazor, such as Blazor Server, Blazor WebAssembly, and Blazor Hybrid
• Find out how to build simple and advanced Blazor components
• Explore the differences between Blazor Server and Blazor WebAssembly projects
• Discover how Minimal APIs work and build your own API
• Explore existing JavaScript libraries in Blazor and JavaScript interoperability
• Learn techniques to debug your Blazor Server and Blazor WebAssembly applications
• Test Blazor components using bUnit

Who this book is for

This book is for .NET web developers and software developers who want to use their existing C# skills to build interactive SPA applications running either inside the web browser using Blazor WebAssembly, or on the server using Blazor Server.

You'll need intermediate-level web-development skills, basic knowledge of C#, and prior exposure to .NET web development before you get started; the book will guide you through the rest.

Table of Contents

1. Hello Blazor
2. Creating Your First Blazor App
3. Managing State - Part 1
4. Understanding Basic Blazor Components
5. Creating Advanced Blazor Components
6. Building Forms with Validation
7. Creating an API
8. Authentication and Authorization
9. Sharing Code and Resources
10. JavaScript Interop
11. Managing State Part 2
12. Debugging the Code
13. Testing
14. Deploy to Production
15. Moving from, or Combining, an Existing Site
16. Going Deeper into WebAssembly
17. Examining Source Generators
18. Visiting .NET MAUI
19. Where to Go from Here

Jimmy Engström has been developing ever since he was 7 years old and got his first computer. He loves to be on the cutting edge of technology, trying new things. When he got wind of Blazor, he immediately realized the potential and adopted it already when it was in beta. He has been running Blazor in production since it was launched by Microsoft.

His passion for the .NET industry and community has taken him around the world, speaking about development. Microsoft has recognized this passion by awarding him the Microsoft Most Valuable Professional award 8 years in a row.