Какой подход использует React — императивный или декларативный? В чём разница?

React использует декларативный подход.

Декларативный подход означает, что вы описываете, какой должен быть результат (UI), а не как его получить. Вы пишете, что должно отображаться при определённом состоянии, а React сам заботится о том, как обновить DOM.

Императивный подход — это когда вы явно управляете шагами изменения интерфейса, например, напрямую манипулируете DOM через методы типа document.createElement, appendChild и т.п.

В React вы описываете компоненты как функции от состояния к UI, а не пишете инструкции по изменению интерфейса. Это упрощает понимание и поддержку кода.

Пример декларативного кода в React:

function Greeting({ isLoggedIn }) {
  return (
    <div>
      {isLoggedIn ? <p>Привет, пользователь!</p> : <p>Пожалуйста, войдите.</p>}
    </div>
  );
}