Blazor WebAssembly on .NET 8 - Basic Blazor United Example

In this video we create a basic code example where we integrate a Blazor WebAssembly component into a Blazor United application (which is based on the Blazor Web App project template).

✍ Code Example on GitHub

Full Blazor on .NET 8 (Blazor United) Video Series

.NET 8 Video

.NET Playlist

🕐 Video Time Indexes
-------------------------------------
00:00:00 - Introduction
00:05:20 - Setup Environment for .NET 8 and Blazor United
00:06:04 - Create Blazor United Project (based on Blazor Web App Project Template)
00:09:07 - Create WebAssembly Project (based on Blazor WebAssembly App Project Template)
00:09:27 - Integrate Blazor WebAssembly Component into Blazor United Project

Support the Channel 👍
------------------------------------
Buy me a Coffee ☕️

PayPal

🪙 BitCoin
12JZYMiRq5YRDN5R5zuyYt7jMN8eTpkgns

Please follow me on Twitter @GavinLonDigital

Full Playlist - C# for Beginners Course
------------------------------------------------------------

Links Included in this Video
--------------------------------------------
Install .NET 8 Preview 6

Announcement of .NET 8 Preview 6

Install Visual Studio 2022 Preview

Signal-R Explanation

Free Courses and Educational Videos - Gavin Lon
-------------------------------------------------------------------------------
Blazor (Webassembly) Shopping Cart Application full playlist

Full playlist - Let's Build an ASP .NET Core MVC Web Application on .Net 5

Full playlist - Advanced C# Course

Full playlist - C# for Beginners Course

Blazor Server App on .NET 6 Course - FreeCodeCamp

🎶All Music in this Video was Created by Gavin Lon

[oaykac]

How to handle httpclient connection on webassembly component so get some data from api.

[MrDinakdakan]

Nice this is what we need, wonder what is the initial.load time of wasm now, does it initially load dotwasm dll. Also wasm requires and api for data while server doesnt you can just connect directly wonder whats the best practice for that as we are mixing blazor types

[happytrackvideo]

Do we need to create a separate blazor client project to use a web assembly component?

[JonathanLindeque]

I just noticed this: you may want to correct the spelling of "WebAseembly" in the title. It may make it get more hits in searches if spelled correctly.

[hammeedabdo.]

Please, let's create an application with real-time streaming data, such as applications that display currency rates in real time and send and receive orders between the broker and the client.

[Gandalf_Le_Dev]

Very interesting video but can you please change your intro, every time I watch one of your videos it either scares me or make my speakers blow up. Thanks

[marna_li]

Please, don't call it "Blazor United". It is not the term used by Microsoft for reasons that it confuses a lot of devs who are not up-to-date. "Is it a new framework?" "Does allow me to share code between my Web app and my hybrid MAUI app?" No, it is the unification of Blazor's architecture on the server - adding server-side rendering and support for interactive components in the same app.