How to inherit a component in Blazor

preview_player
Показать описание
A quick video on Blazor component inheritance. In this video you gonna learn how to inherit a Blazor component with all the C# code and the markup as well.

📁 Project source code:

🐦Twitter:

✅ Support me on Patreon:

⚙️ My setup (affiliate links) ⚙️
  1. Quickz
  2. quickz
  3. blazor component inheritance
  4. blazor inheritance
  5. visual studio
  6. visual studio 2022
Рекомендации по теме
How to inherit 0:02:54

How to inherit a component in Blazor

Fundamental Concepts of 0:09:16

Fundamental Concepts of Object Oriented Programming

Unity Architecture - 0:16:24

Unity Architecture - Composition or Inheritance?

Object-Oriented Programming, Simplified 0:07:34

Object-Oriented Programming, Simplified

How To Inherit 0:05:47

How To Inherit From Two Different Project In C#

Inheritance in JavaScript 0:20:06

Inheritance in JavaScript - Prototypal Inheritance tutorial

C# Inheritance in 0:05:38

C# Inheritance in Unity! - Intermediate Scripting Tutorial

Sharing Data between 0:05:19

Sharing Data between Components in Angular

32 Inherit Paragraph 0:01:49

32 Inherit Paragraph System Component

Composition Vs Inheritance 0:10:16

Composition Vs Inheritance - Why You Should Stop Using Inheritance

CSS : How 0:01:27

CSS : How to inherit css styles in child component from parent in Angular 5

Mom vs. Dad: 0:04:05

Mom vs. Dad: What Did You Inherit?

Inherit @Component in 0:03:03

Inherit @Component in Spring

Composition Is Better 0:23:29

Composition Is Better Than Inheritance in Python

ANSA v23.x: How 0:07:09

ANSA v23.x: How to inherit mesh from previous versions of a part during middle mesh creation

Heredity and Its 0:06:36

Heredity and Its Importance in Transferring of Characteristics

Is it possible 0:00:21

Is it possible to inherit Enum in C# ?

2.Workflow BO programming 0:10:44

2.Workflow BO programming | How to inherit an object | Inheritance of BO type | How to extend/reuse

Glide: Subitems that 0:11:07

Glide: Subitems that inherit Parent item values DYNAMICALLY!

how to inherit 0:03:12

how to inherit from parent class in python

Object Oriented vs 0:12:07

Object Oriented vs Functional Programming with TypeScript

GCSE Biology - 0:05:26

GCSE Biology - DNA Part 1 - Genes and the Genome #63

How to INHERIT 0:05:02

How to INHERIT PARENT Class Method inside a CHILD Class | Object Oriented Programming For Beginners

Can We Genetically 0:03:10

Can We Genetically Improve Intelligence?

Комментарии
Автор

0:06 What do you guys think about the intro transition? Should I keep using it for Blazor videos?

QuickzDev
Автор

Nice one! This is a great simple way of guaranteeing some conformity throughout the app.

chrismingay
Автор

You saved my day! I am new to blazor. Couldn't figure out why I can't use my razor page from razor library in my WebAssembly blazor project. After using 1:29 it finally works. Now the question how?

mikemike
Автор

thanks, its a good explanation of how to use inherit of blazor type!

Nathantsang
Автор

Buuut you can only put new markup after that of the base class. I need something more like a RenderFragment that can be provided by the derived class and being integrated in the base classes markup (and of course without builer.OpenElement etc).

wassollderscheiss
Автор

Could this be used to create a custom "base component" (that of course inherits the built-in ComponentBase) that has properties and functions that many components need? For example, I tend to use an IsBusy boolean flag on many of my components, and I'd rather declare it in a base component so I don't have to write duplicate code in all of my components.

diegoronkkomaki
Автор

Don't do this. Instead create a cs class and inherit from the razor component. Set the parameters in the contructor. Then to show the inherited class on screen just use the inherited classes name in a razor tag.

alexhall