In this video.
Let's talk about nesting elements in React JS X.
So what is nesting?
Nesting simply means that putting something into something and thus something into something and then
something into something.
So nesting here means that I need to have a parent where we can put in something.
So let's take it that this house, for example, so that inside I can put something inside, right?
So I'm nesting even this one, this list here around that building, the same thing about React.
JC So let's get rockin.
All right, so here comes the clue.
Well, what about if I want to write more, tag more, more elements on my page?
That's why we call us what?
Nesting.
So with this current implementation, we are strictly.
We are all straight to just one line of HTML here.
What about if I want to add more HTML?
Here come the clue.
Let's remove this one.
And now let's remove the element because it doesn't exist.
So this retain call it as a function like that first step and then inside let me save it and bring it
up here a little bit.
Yeah.
Inside here we need to have a parent tag.
Remember from normal HTML, we can have a Dave and the children being inside.
That's what you call nested.
So here we can have a parent called Dave because it's going to wrap that one because something will
add fragment so we can even remove this.
Dave And the same as before this is react fragment.
So this read fragment, if we want to have a nested called nested, I mean element.
So let's move step by step.
Okay, cool.
So here this my parents, you know, I can write many a HTML element inside for the first time.
Let's have each one here in each one and call it as welcome to.
React.
And now beneath that I can add p element here in qualify as this is how we create react nested.
Element in G6.
Okay, cool.
So if I save it, check it out.
Now I have nested two elements here.
Welcome to React.
And now.
So here I can add more text into it.
That is about it.
Because of Jesus, we're not improving how a component work.
We see that this one component and this component just returning some messages and some paragraph here.
So that's I mean I mean, just for you.
Well, so the next video, because we want to add more things into the mix and talk about attributes
in G6 and how to use cases in React and then talk about how we can use expression in React also.
But before we get into that, let's talk about how we can embed expressions in G6.
And then from there we talk about how to use case to talk about attributes in G6.