Reader small image

You're reading from  Mastering Blazor WebAssembly

Product typeBook
Published inAug 2023
Reading LevelIntermediate
PublisherPackt
ISBN-139781803235103
Edition1st Edition
Languages
Tools
Right arrow
Author (1)
Ahmad Mozaffar
Ahmad Mozaffar
author image
Ahmad Mozaffar

Ahmad Mozaff ar is a senior soft ware engineer, cloud developer, and trainer who currently works at ContraForce as a senior full stack engineer responsible for developing SaaS platforms using Blazor, Azure, AI, and other modern technologies. Originally from Syria, his passion for soft ware development, especially .NET and Azure, started at a very early age. He loves teaching people about developing soft ware using .NET, Azure, and other Microsoft technologies through his YouTube channel, AK Academy, and writing articles on multiple platforms, which have reached more than 400K readers.
Read more about Ahmad Mozaffar

Right arrow

What’s Next?

The journey of Mastering Blazor WebAssembly has come to an end. We have gone from explaining what Blazor WebAssembly is all the way to having an app running on Azure that is available for public access.

We have covered all the main topics that you may need in your day-to-day work with Blazor, but that is not everything; Blazor still has a lot to offer and explore.

This chapter will begin with a review of the additional components and functionalities that we have added to the book’s project to help you consolidate your learning and use it to create more components and features for real-world applications. After that, we will briefly explore some other possibilities with Blazor and the next steps you can take from here.

This chapter will cover the following topics:

  • Discovering more components and features in the book’s project
  • Using Blazor WebAssembly for mobile and desktop development
  • Building Real-time applications with Blazor...

Technical requirements

In this chapter, we will cover features of the Blazor WebAssembly ASP.NET Core Hosted project to showcase more components and features in the BooksStore project. The completed version can be found in the GitHub repository of the book via the following URLs:

Discovering more components and features in the book’s project

This book has covered basic and advanced topics of Blazor using the practical approach of developing features and components for the BooksStore project, which simulates a real-world scenario. In this section, I will present more components and features that have been added to the project’s repository, which will help you review what you have learned in this book and provide you with a useful resource that you can refer to when you encounter similar scenarios in your daily work.

The three features I will cover in this section are registering a user, rating and reviewing a book, and finally, how the admin can upload a cover file. Let’s get started.

User registration

In Chapter 9, Authenticating and Authorizing Users in Blazor, in the Building JWT custom authentication flow section, we developed the authentication infrastructure and created a login page, but the users need to register too.

...

Using Blazor WebAssembly for mobile and desktop development

The potential of Blazor WebAssembly is not limited only to the browser. With the power of .NET MAUI, you can develop apps that run on iOS, Android, Windows, and macOS and have access to the native capabilities of each device, such as storage, notifications, and camera.

By taking advantage of the rich Blazor UI capabilities and the components ecosystem, you can easily develop beautiful apps with astonishing UIs.

Check the Microsoft official documentation to get started: https://learn.microsoft.com/en-us/aspnet/core/blazor/hybrid/tutorials/maui?view=aspnetcore-7.0&pivots=windows.

Building real-time applications with Blazor and SignalR

SignalR is a real-time messaging framework that allows direct communication between the client and the server in both directions. With SignalR, the server can push content to the client instantly without the need for the client to request the data.

SignalR can be easily used in Blazor apps, and it enriches projects with many features, such as notifications, chat, and pushing updates from one browser to the other as they happen in real time. You can also develop live dashboards with SignalR as you send the statistics and charts updates from the server to the client.

To learn how to use SignalR in Blazor WebAssembly with the ASP.NET Core web API, check out the following URL: https://learn.microsoft.com/en-us/aspnet/core/blazor/tutorials/signalr-blazor?view=aspnetcore-7.0&tabs=visual-studio&pivots=webassembly.

Third-party UI components and packages

Throughout this book, we have learned about wonderful third-party packages built by the community, such as bUnit and Blazored.LocalStorage.

If you want to build advanced apps, developing your own components can be a bit costly. Luckily, there is a great set of wonderful UI component packages that provides you with a collection of components for all kinds of scenarios with a beautiful and customizable look.

Here is a list of my favorite components that I use from time to time:

  • MudBlazor: This is definitely the most advanced and common UI package for Blazor. MudBlazor is an open source UI component library for Blazor applications. It provides a set of reusable and customizable components that are easy to integrate into your apps to build responsive and modern-looking software quickly. To learn more and get started with MudBlazor, check out their official website and documentation at https://mudblazor.com.
Figure 15.4 – MudBlazor official website
...

Building your own app

If you are reading this book and you are new to software development, then this is the right time to put all you have learned together in a real-world application. Go and discover the UI libraries mentioned in the previous section and create a new project.

Are you struggling to come up with an idea for an app? The best way to start is to work on a real-world app that you or someone around you will use. If you are not yet ready to develop apps to be used by others, develop apps for yourself. Here is a list of good ideas for you to get started with:

  • Develop a time management app where you can track your work and study time
  • Develop an expenses tracker app to track and manage all your expenses
  • If any of your family or friends have a small business, consider developing an app to automate their work and track their accounting
  • If you love racing, you can develop apps to extract insights about Formula 1 races using what you have learned and leverage...

Summary

In this, the final chapter of this book, we learned about creating some more features in the app we built. Those features will help you recap what we have learned and enable you to use the project we have built as a reference for your future work. You should by now know what else you can do with Blazor, such as mobile development with MAUI and real-time applications. In addition to some open source UI frameworks for Blazor that you can rely on while building your own apps, you also have some project ideas if you would like to do something cool on your own.

With these topics covered, you should have gained the following:

  • A better understanding of the BooksStore project
  • Knowledge of what else Blazor allows you to do, such as mobile development and more
  • Knowledge of third-party packages and frameworks that accelerate your development
  • Ideas to help you get started with building your first project

That’s all! Congratulations on making it this...

lock icon
The rest of the chapter is locked
You have been reading a chapter from
Mastering Blazor WebAssembly
Published in: Aug 2023Publisher: PacktISBN-13: 9781803235103
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
undefined
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €14.99/month. Cancel anytime

Author (1)

author image
Ahmad Mozaffar

Ahmad Mozaff ar is a senior soft ware engineer, cloud developer, and trainer who currently works at ContraForce as a senior full stack engineer responsible for developing SaaS platforms using Blazor, Azure, AI, and other modern technologies. Originally from Syria, his passion for soft ware development, especially .NET and Azure, started at a very early age. He loves teaching people about developing soft ware using .NET, Azure, and other Microsoft technologies through his YouTube channel, AK Academy, and writing articles on multiple platforms, which have reached more than 400K readers.
Read more about Ahmad Mozaffar