Identifying your components and data

- In this video, we're going to take a look … at a static mock-up 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 mock-up 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 mock-up works from that perspective. … Over here in Visual Studio Code, … I'm going to use control-G to skip down to line 114 again. … Here's where my React components will go. … And here's my static mock-up. … 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. …