O'Reilly logo

Hands-On Full Stack Web Development with Aurelia by Erikson Haziz Murrugarra Sifuentes, Diego Jose Arguelles Rojas

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required