Identifying your components and data

- [Instructor] In this video, … we're going to take a look at … a static mockup of what we want … our result to look like when our React project is done, … and start making plans about where our components should be … and what data we're planning for. … So I've opened up the mockup.html file here in my browser. … I have a mockup of what we actually want in the end, … pretty simple little thing. … We're going to be able to select the size of the sneaker, … and we're going to be able to choose a color. … And when we choose the color, … the color of the shoe changes. … So let's take a look at our HTML file … just to see how this mockup works from that perspective. … Over here in Visual Studio Code, … I'm going to use Ctrl + G to skip down to line 114 again. … Here's where my React components will go. … And here's my static mockup. … So I just want you to note that we have some wrapping divs … for all these different elements. … The selectors are contained in their own div. … I have my size selector. …