From the course: Web Components and Modularization: Practical Approaches

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Solution: Scope a complex component

Solution: Scope a complex component

From the course: Web Components and Modularization: Practical Approaches

Start my 1-month free trial Buy for my team

Solution: Scope a complex component

“

(upbeat music) - [Narrator] Welcome back! As with the previous challenge, there is no absolute right or wrong way of doing this. So chances are, what you've ended up with will be different from what I'm about to show you. And that's okay. Everyone thinks differently about these things and everyone has their own way of structuring data. Here's how I solved this challenge. As before, I started by looking at the overall layout and I drew a bunch of boxes and everything. So basically what you're seeing here is the entire view as a component and then we have this top section here. I call this one, the book lead because it's kind of the lead in an article where you have the image and then some other information. And then we have this book info component down here that has three components in it, the synopsis, the author info and the book data. And then inside this book lead, we have familiar components. We have the figure…

Contents