Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Mastering Blazor WebAssembly
  • Table Of Contents Toc
Mastering Blazor WebAssembly

Mastering Blazor WebAssembly

By : Ahmad Mozaffar
4.8 (19)
close
close
Mastering Blazor WebAssembly

Mastering Blazor WebAssembly

4.8 (19)
By: Ahmad Mozaffar

Overview of this book

Blazor WebAssembly is a revolutionary technology in software development that enables you to develop web applications with a rich user interface using C# without JavaScript. It can be run natively in the browser and soon on mobile apps with .NET MAUI, making it a superweapon in the .NET developer’s toolbox. This capability has opened the doors for the JavaScript community to have a stable framework to build single page applications (SPAs) maintained by Microsoft and driven by the community. Mastering Blazor WebAssembly is a complete resource that teaches you everything you need to build client-side web applications using C# & .NET 7.0. Throughout this book, you’ll discover the anatomy of a Blazor WebAssembly project, along with the build, style, and structure of the components. You’ll implement forms to catch user input and collect data, as well as explore the topics of navigating between the pages in depth. The chapters will guide you through handling complex scenarios like RenderTrees, writing efficient unit tests, using variant security methods, and publishing the app to different providers, all in a practical manner. By the end of this book, you’ll have the skills necessary to build web apps with Blazor WebAssembly, along with the basics for a future in mobile development with .NET MAUI and Blazor.
Table of Contents (21 chapters)
close
close
1
Part 1: Blazor WebAssembly Essentials
5
Part 2: App Parts and Features
13
Part 3: Optimization and Deployment

Calling a web API from Blazor WebAssembly

Making calls to the web API from the Blazor app involves the same steps as doing so from Postman. We start by defining the endpoint to call, prepare the data to send with the request if needed, submit the request, and, finally, receive and process the response.

.NET has a built-in class called HttpClient, which is a rich class that provides all the functionality and configuration needed to send any type of request (GET, POST, PUT, PATCH, DELETE, and more) to a given web API.

Understanding FetchData component logic

All Blazor WebAssembly projects have a default page called FetchData in the Pages folder. The logic of this page is to make a GET request to download the content of a JSON file that lives in the wwwroot folder, and that content also represents weather forecast data. So, let’s analyze the code of the FetchData component so that we understand it better:

@page "/fetchdata"@inject HttpClient Http
...
 ...
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Mastering Blazor WebAssembly
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon