 This is React Holiday 2019. I'm Chantastic. And today I'm showing you how to extract a component. So what is a component? Well, a component is just a function that returns a React element. What's a React element? Great question. These are React elements. So anytime you see these JSX tags that look like HTML tags, these are elements. So you have an H1 element surrounded by a div element. And that is all in an app component. We're starting to catch this. So we have our elements returned by our app component. And check it out. This app can itself be an element when we call it with JSX. So let's real quick make our first component. We're just going to cut out this Bulbasaur component and give it something of our naming instead. We'll use Pokemon. We'll jump up here and define it. Remember it is just a function with a name that returns a component. So just paste whatever we had in there before. And there we go. Now we are using a component which is just a function that returns a React element. And now we have our own custom component of our creation. Congratulations. You just made a component. Tomorrow we'll talk about props.