Что такое логика представления

Ответ

Логика представления (presentation logic) — это часть кода, отвечающая за отображение данных в UI и обработку пользовательских взаимодействий. Она включает форматирование данных, управление состоянием компонентов, валидацию ввода и реакции на действия пользователя.

Пример в React:

function UserCard({ user }) {
  // Логика представления: форматирование даты
  const formattedDate = new Date(user.joinDate).toLocaleDateString();

  return (
    <div className="card">
      <h2>{user.name}</h2>
      <p>Joined: {formattedDate}</p>
      <button onClick={() => alert(`Hello, ${user.name}!`)}>
        Greet
      </button>
    </div>
  );
}

От бизнес-логики отличается тем, что не содержит сложных вычислений или работы с API, а фокусируется на визуальном слое.