Tip 49 Build Applications with Component Architecture

In this tip, you’ll learn how to gather related HTML, JavaScript, and CSS together using component architecture.

Organizing files can be a challenge. Front-end code—HTML, CSS, JavaScript—can be particularly challenging because the code is made of different languages and file types.

Do you arrange code by file type? What about when CSS is tied to a single HTML file? Do you keep them in different directories but with similar file names?

For a long time, developers would keep files separated by type. The root directory would contain a css directory, a js directory, an img directory, and so on.

Organizing files like this showed good intentions. Everyone wanted to keep different areas of concern ...

Get Simplifying JavaScript now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.