Transcript

Kent C. Dodds: 0:00 All right, it's the moment you've all been waiting for, creating custom components. This is super-exciting.

0:06 When we have a application, you typically have areas of the codebase where you want to do similar things, and we want to do those similar things without duplicating code, and so we create functions for that.

0:19 The cool thing with JSX is that it is all within JavaScript, and so we can do JavaScript-y things for creating custom components, for creating custom abstractions around the common things that we do. We do it the exact same way that we do everything else, which is create a function.

0:36 This exercise is going to get you closer to creating custom functions. The exercise itself will not get you creating custom components. It'll get you creating a function that returns JSX, that returns React elements. It's an important step in getting you there.

0:52 Definitely, go through the exercise. Follow the emoji to help you know exactly what you're going to be doing. Then ultimately, try to work through some of these extra credits that will get you a little bit further into what you can do by creating specific custom components.

1:10 Have a good time with this one. This is really exciting, fun stuff. We'll see you on the other side of the exercise.