Summary
This chapter was about avoiding a monolithic component design. However, monoliths are often a necessary starting point in the design of any React component.
You began by learning about how the different HTML elements have varying degrees of utility. Next, you learned about the issues with monolithic React components and walked through the implementation of a monolithic component.
Then, you spent several sections learning how to refactor the monolithic component into a more sustainable design. From this exercise, you learned that container components should only have to think in terms of handling state, while smaller components have more utility because their property values can be passed from anywhere. You also learned that you could use render props for better control over component dependencies and substitution.
In the next chapter, you'll learn about the React component life cycle. This is an especially relevant topic for implementing container components.
...