There is separations of concerns and separation of technologies. A component with its styling, markup structure, and behavior, is one concern. These components

There is separations of concerns and separation of technologies. A component with its styling, markup structure, and behavior, is one concern. These components can than be combined and nested in every which way you need, they are very modular. If you separate concerns into markup, styling, behavior, than this form of component-based reuse is difficult. But it could conceivably be easier to reuse an html template or css class for different features. Hooks are also a way to separate concerns in a different way than lifecycle methods. Lifecycle methods group code by specific points in a component's life, but then the logic can't be extracted and reused. Hooks on the other hand encapsulate reusable logic that can then be used in different components.