<Album/>component and using it as a composite of a new
AlbumsListcomponent that renders a list of albums. Conceptually, it is a composition of albums. That is all we need to know to implement it with Atomic Layout.
Compositioncomponent, but this time there are no areas involved. That's because our albums list essentially renders the same child dynamically. You can imagine the
Albumbeing the one and only area in that case. There is no need to use the
areasprop for a single area, since the power of areas is in their relation, and thus, multiplicity.
The usage of the
areasprop is a design decision you make. Sometimes it's beneficial, while other times it may be not.
areasprop is not required in
Composition. When not provided, the composition component still acts like a
display: gridparent. You can use other CSS Grid properties with it to control the layout of its children, such as
templateRowsto describe columns or rows relation respectively.