From the course: Web Components and Modularization: Practical Approaches

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Solution: Create a component map

Solution: Create a component map

From the course: Web Components and Modularization: Practical Approaches

Start my 1-month free trial

Solution: Create a component map

(upbeat music) - [Instructor] Welcome back. By now, you should have both a detailed component map and a rough DOM tree in front of you. Like I said in the intro to this challenge, this exercise is about you creating a mental model for a component thinking that works for you. In other words, there's a good chance what you've created looks totally different from what I'm about to show you and that's perfectly fine because we are different people. Okay, let me show you what I ended up with. On the component map end, you can see here I have my design and I've added a bunch of red boxes. I've put names on some of them and not on others because quite frankly when I put names on everything, it became very hard to look at in the mode I'm showing it to you here in this course, but you can see there are some distinct boxes here that define different types of components. At the top, we have some sort of masthead component that…

Contents