Angular SPA应用程序中的组件（类似messenger）

我正在学习Angular 6，我希望使用类似messenger的应用程序模型，并以正确的方式创建组件。我在下图中设计了一些组件

---

你能检查一下我是否正确吗？我不确定组件D（聊天对话）和E（消息回复）是否正确。需要这样小的部件吗？如果我使用更大的组件，比如MessageRepliesComponent和ChatConversationsComponent，会怎么样？实际上，它将是一个包含内容的小div循环。感谢您的回答。

如果您想在其他地方重复使用D&E，那么将其制成组件是有意义的。如果不是，这是一个偏好的问题。除了@user184994响应，另一个规则是简单性。如果一个组件类变得太大-将其拆分为更小的独立部分。您使用哪个程序来创建此设计？谢谢，您是对的。但我提到的组件（回复、对话）在我的例子中太简单了，这会导致大量文件使用最少的代码。@MuhammedOzdogan just windows paint application