From the course: Web Components and Modularization: Practical Approaches
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Solution: Scope a complex component
From the course: Web Components and Modularization: Practical Approaches
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
(Locked)
Plan before you code1m 25s
-
(Locked)
Raw output2m 32s
-
(Locked)
Properties1m 49s
-
(Locked)
Input and output3m 27s
-
(Locked)
State2m 7s
-
(Locked)
Who owns state?2m 11s
-
(Locked)
Life cycle1m 18s
-
(Locked)
Challenge: Scope a complex component1m 20s
-
(Locked)
Solution: Scope a complex component5m 5s
-
(Locked)
-
-