Search icon CANCEL
Subscription
0
Cart icon
Cart
Close icon
You have no products in your basket yet
Save more on your purchases!
Savings automatically calculated. No voucher code required
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Web Development with Blazor - Third Edition

You're reading from  Web Development with Blazor - Third Edition

Product type Book
Published in Apr 2024
Publisher Packt
ISBN-13 9781835465912
Pages 366 pages
Edition 3rd Edition
Languages
Author (1):
Jimmy Engström Jimmy Engström
Profile icon Jimmy Engström
Toc

Table of Contents (22) Chapters close

Preface 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. Deploying to Production 15. Moving from, or Combining with, an Existing Site 16. Going Deeper into WebAssembly 17. Examining Source Generators 18. Visiting .NET MAUI 19. Where to Go from Here 20. Other Books You May Enjoy
21. Index

Common problems

Let’s dive into this one right from the start.

The most common comments regarding Blazor WebAssembly are download size and load time. A small project is around 1 MB in size, but I believe the problem is the loading time and not the download size/time since everything is cached and, in most parts of the world, we have access to high-speed internet.

There are a couple of solutions to this problem.

Progress indicators

When it comes to User Experience (UX), we can give the users a perceived sense of speed.

The default Blazor WebAssembly template has a loading progress indicator, which gives the users something to look at instead of a blank page. It is built so that it is easy to customize using CSS variables. We can use the --blazor-load-percentage and --blazor-load-percentage-text variables to customize and create our progress bar.

It doesn’t even have to indicate what is happening; Dragons Mania Legends has comments like “...

lock icon The rest of the chapter is locked
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.
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