Angular header/footer, Component or Module?

Question

I have been learning angular for a while now and I understand the point of modules and components (briefly) but now I am starting my own project using the framework I am somewhat confused. When should I choose either a component or a module. Can you help?For example, for the site's basic wire-frame (ie headers, footers, side bars etc.) what should I use? Should something like:- App: - Layout module: - Header Component - Footer ComponentOr: - App: - Header Module - Footer ModuleOr just have them all as components, like: - App - Header Component - Footer ComponentI am not looking for an outright answer, just a steer or some guidance please?Thanks

Answer 1

In a situation like this, the general rule is to group relevant components together into a module, and then as the size of your application increases, add more modules. In this case, if the header/footer/sidebar components you described are going to be present throughout the entire app(as most are), the best route would be to use.

- App: - Layout module: - Header Component - Footer Component

This way you are combining relevant components under 1 module rather than having a lot of excess files and code adding extra unneeded modules.