React: Почему по умолчанию useEffect запускается при каждом рендеринге?

По дизайну API:

useEffect(
    () => {
        // do something
    },
    [/* dependency list */]
);

useEffect будет запускаться только при изменении списка зависимостей, а пустой массив [] означает отсутствие зависимости (т.е. будет запускаться только один раз). Мне кажется логичным, что неопределенный список зависимостей означает запуск функции, заключенной в useEffect каждом рендеринге.

Я не могу придумать много (каких-либо) шаблонов, в которых вы хотите запускать useEffect при каждом рендеринге. Что послужило причиной того, что не выполнил дефолт один раз?

Предположим, вы новичок в React и хотите что-то делать при изменении переменной useState (например, POST нового значения на сервер).

• При текущем поведении вы будете отправлять одно и то же значение несколько раз, но вы никогда не пропустите публикацию измененного значения.
• При предлагаемом вами поведении только начальное значение / первое изменение будет отправлено на POST, а дальнейшие изменения не вызовут обратный вызов useEffect .

Я думаю, что список зависимостей предназначен для оптимизации производительности / упрощения кода.

Текущий API позволяет вам выбирать между следующим поведением:

• Запускайте эффект каждый раз. Это имитирует поведение старого класса componentDidMount + componentDidUpdate .
• Запустите эффект только один раз. Это имитирует старое поведение componentDidMount .
• Запускайте эффект только при изменении зависимостей. Это своего рода новинка, хотя вы можете (и часто делали) то же самое с помощью компонентов this.props и prevProps в API компонентов класса.

Описываемое вами поведение «по умолчанию» (когда вы не указываете явно зависимости) часто является самым безопасным, поскольку оно предотвращает использование устаревших значений в замыканиях .

Надеюсь, что в будущем мы предоставим какой-нибудь компилятор, который поможет автоматизировать многое из этого. А пока мы предоставляем официальный плагин ESLint, чтобы облегчить задачу. 😄