React Owner Components (and why you need to know them)

VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"

In this video we'll be reading an article on owner components in React, which is a term that hasn't been used in a long time. But now with the introduction of server components, the term "owner" components is more important than ever. You'll learn about the difference between "owner", "parent", and "child" components are.

[dumbfailurekms]

In other words you can't call a server component inside of a client component, but you can pass a server component as props (children) to a client component when you have a server component that is the owner. This is explained pretty succinctly in the nextJS docs.

[tomasburian]

Even though I've been steadily working in the industry for years now, I still watch your stuff during breaks just to keep my skills fresh and up to date. Learning something new from / about React should be an integral part of every React developer.

[artursavchuk]

I called my components only as child one and parent one, thank you for explaining what the owner component is

[tomvj]

"Project React " course is for beginner or mid-level if i am having around 1 year of experience it might be helpful..?

[ptolemyhenson]

Just recently learned about this. Seems fundamental to how the render system works in React, just wasn't covered in school for whatever reason.

[freennnn]

You named a few times 'owned' components as children, which is a little confusing since you are comparing them to opposite parent/children concept

[samoniumuziejus]

So we started about react and suddenly start talking about nextJs server components, oh boy do the lines blur so quickly 😮

[congjuny]

9:52' Why is <Avatar/> not allowed to be a server component, and it automatically becomes a client component? If server component means it's rendered/translated to html on the server, why cannot you ship <avatar/> as html fragment to the browser? You may be explaining how it's implemented. But what's the reason behind?

[strategistaow]

Good to know, I didn't know that thing at all.

[codylillywhite]

Can't you clone the children then pass props to it as a parent component. Then it is technically also the owner

[buddytech]

Why don't you start MERN stack series ｡⁠◕⁠‿⁠◕⁠｡