Декомпозиция чата
В этом задании мы разобьём приложение чата на независимые компоненты.
Чат - это сложный интерфейс с несколькими логическими частями: шапка с информацией о собеседнике, список сообщений, форма ввода нового сообщения. Каждое сообщение имеет разное отображение в зависимости от того, своё оно или чужое.
В нашем чате можно выделить несколько независимых частей:
- Шапка чата - заголовок с именем собеседника и статусом онлайн
- Список сообщений - контейнер со всеми сообщениями
- Отдельное сообщение - пузырь с текстом, временем и возможно именем отправителя
- Форма ввода - поле для ввода текста и кнопка отправки
Различные стили сообщений - своё сообщение обычно справа и другого цвета, чужое слева с именем отправителя. Компонент сообщения должен учитывать это различие.