Blazor Tutorial C# - Part 6 - Blazor Navigation & Blazor Routing - Blazor Webassembly

preview_player
Показать описание
Blazor Tutorial C# - Part 6 is a tutorial video which explains everything about Blazor Navigation & Blazor Routing.

Learn Blazor (blazor webassembly) with Coding Droplets. Below is the Blazor Tutorial Playlist Link:

Topics covered in this video:
- Navigation using Hyperlinks
- Navigation Manager
- Nav Links
- Route Parameters
- Page Not Found Routing in Blazor

Page Directives:
Page Directives are the routing rules with which we can mention which Razor Component has to be displayed based on the URL. Page Directives can be mentioned in Razor Components using @page.

Navigation Manager:
Navigation Manager is a service which is a default injected dependency in Blazor. Navigation Manager service is having a method named NavigateTo which enables the C# code to control browser’s URL.

NavLink:
A NavLink component behaves like an a tag. Also, it toggles an active CSS class based on whether its href matches the current URL.

Route Parameters:

Chapters:
0:00 - Intro
01:49 - Page Directives
06:38 - Hyperlink Navigation in Blazor
08:35 - Navigation Manager
14:47 - Nav Links
24:20 - Route Parameters
35:53 - Page Not Found Routing

You can reach us at Social Media:

#blazor #codingdroplets #blazortutorial
Рекомендации по теме
Комментарии
Автор

Thank you for watching this video.
View the complete tutorial playlist:

CodingDroplets
Автор

Very nice work! Lets say I have a component called Account which gets rendered when a user succesfully logins. I want the Users username to be displayed in the url e.g "user/username" on the Account component. Do u know how I could do this?

remorcist
Автор

Are these tutorials using Blazor Server or Blazor Webassembly? This one has in the title Blazor Webassembly but the application is called BlazorServerDemo. I been confused about this since tutorial 2

chobo
Автор

Where can I find the video texts for the Turkish translation of this video series?

gokhansal
Автор

Where is your code to download for this tutorial, please? we need to follow your coding rather than input from learners

benli