Presentational and smart or container components
Last modified on Mon 04 Jan 2021

Design your components to be as small as possible and reuse them as much as possible. Philosophically, components can be divided into two types:

It is ok to have multiple levels of nesting of container components if it is necessary.

More on this philosophy can be found in various online articles. Some articles have framework-specific information, but the core concepts apply no matter which framework you use. A good article from Angular University on this topic: Angular Architecture—Smart Components vs Presentational Components.