A little puzzle

Let's practice a little how to think and abstract one application into a few components. Here's some web template with some sections:

Now, it's time to think.

How many sections are similar?

  • Buttons are very similar; just the text/color can change
  • Menu options can be a reusable single component
  • Main page sections are the same; just the content changes
  • The header can be decoupled from the application main section

Which sections do you think can be reused across application pages, take a look:

  • Main page sections can be used as a container for other options
  • The buttons can be shared across all the application sections

Last, ...

Get Hands-On Full Stack Web Development with Aurelia now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.