React использует декларативный подход.
Чем отличаются императивный и декларативный подходы? Какой из них использует React?
React использует декларативный подход.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
React использует декларативный подход.
Декларативный подход означает, что вы описываете, какой должен быть результат (UI), а не как его получить. Вы пишете, что должно отображаться при определённом состоянии, а React сам заботится о том, как обновить DOM.
Императивный подход — это когда вы явно управляете шагами изменения интерфейса, например, напрямую манипулируете DOM через методы типа document.createElement, appendChild и т.п.
В React вы описываете компоненты как функции от состояния к UI, а не пишете инструкции по изменению интерфейса. Это упрощает понимание и поддержку кода.
Пример декларативного кода в React:
function Greeting({ isLoggedIn }) {
return (
<div>
{isLoggedIn ? <p>Привет, пользователь!</p> : <p>Пожалуйста, войдите.</p>}
</div>
);
}