Top 15 Blazor Directives With Detailed Examples

In this video, we'll dive into all the important directives in Blazor and provide detailed examples for each one. Blazor directives are essential for building interactive and dynamic web applications. Blazor directives are built-in macros that alter the transpiled C# code that is generated from Razor mark-up. Directives are used by preceding the identifier with the @ symbol. The identifier could be the name of an HTML element's attribute or the name of a Blazor component's property. Note that currently Blazor does not allow developers to create custom directives. We will dive into Top 15 Blazor directives with examples. Content Timestamps (0:00:20) Preparation-Create A Blazor Web App (0:01:43) Blazor Directives (0:02:15) 1. @page Directive (0:10:29) 2. @code Directive (0:17:01) 3. @inject directive (0:25:11) 4. @using Directive (0:32:19) 5. @bind & @bind-Value Directives (0:38:12) 6. @inherits Directive (0:45:28) 7. @attribute Directive (0:51:30) 8. @typeparam Directive (0:56:29) 9. @key Directive (1:02:05) 10. @layout Directive (1:09:50) 11. @implements Directive (1:20:24) 12. @ref Directive (1:25:18) 13. Other Directives: @namespace, @section and @preservewhitespace