 Welcome back to day three of React Holiday 2019. I'm Chan Tastic. And today we're talking about JSX spread attributes and object destructuring assignment. Big words, big words. Not that big of a concept though. So let's dive in. If you look here in our console, you see that we have these H1 elements that get spit out by our components. Now I'd like to add some very standard host element attributes now. So like class, Pokemon, we'll put ID two on this one down here and then data something, something. Now what we'll notice is those actually don't make it through to our components. And that's because we aren't doing anything with them. We just said the only thing that we care about is props, props.name. So what we can do is we can actually take, use destructuring assignment to peel off the name which we care about down here. I got a point to it with my clicker. And then we can take all of the rest of the props, any other thing that might end up on an HTML attribute. And we can use destructuring assignment to pass those along to the host element. So we say, hey, we care about this name. That's all we care about. So we're gonna take that. We're gonna take everything else that we could possibly end up throwing on it in the future and spread those out over the host element as H1 as if we were just using H1 directly. So let's see how we did. We'll go into our component and boom, this one says class Pokemon. This one says ID number two and data something equals something. Boom, you understand destructuring assignment and JSX spread attributes. Good for you.