В чем разница между Container и Template

«В чем разница между Container и Template» — вопрос из категории Паттерны, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

`Container` и `Template` — это разные концепции в разработке: **Container** (контейнер) — это компонент, который управляет логикой и данными, но не отвечает за отображение. Обычно он подключает данные к презентационным компонентам (например, через Redux или Context API). **Template** (шаблон) — это часть UI, которая определяет структуру отображения, но не содержит бизнес-логики. Часто используется для повторного использования разметки (например, карточки товаров, списки). Пример: ``` // Container (логика) const UserContainer = () => { const [users, setUsers] = useState([]); useEffect(() => { fetchUsers().then(setUsers); }, []); return ; // Передаем данные в презентационный компонент }; // Template (разметка) const UserList = ({ users }) => (
    {users.map(user =>
  • {user.name}
  • )}
); ```