The idea of components in React is to have each component deal with a single task or UI element. We should try to make components as fine-grained as possible, in order to be able to reuse code. If we find ourselves copying and pasting code from one component to another, it might be a good idea to create a new component, and reuse it in multiple other components.
Usually, when developing software, we start with a UI mock-up. For our blog application, a mock-up would look as follows:
Initial mock-up of our blog application
When splitting components, we use the single responsibility principle, which states that every module ...
