Рекомендуется
React
ReactПроизводное состояние
Если значение полностью определяется текущими данными, вычислите его при отображении.
Проверено Изменено
Плохо
useEffect(() => setFullName(first + " " + last), [first, last]);
Хорошо
const fullName = first + " " + last;
Почему это важно
Лишняя копия состояния требует синхронизации и создаёт промежуточные неверные значения.
Когда применять
Effect нужен для синхронизации с внешней системой. Тяжёлое вычисление оптимизируйте после измерения.
Кто что делает
Человек
Определяет исходные данные и правила вычисления результата.
AI-агент
Реализует поведение компонентов и проверяет изменение данных, загрузку и ошибку в браузере.
Контроль результата:
- Не хранится ли одна информация в нескольких состояниях?
Пример применения
Корзина хранит позиции и количество; итог вычисляется при рендере из этих данных. Человек задаёт правила скидки, агент проверяет изменение количества и серверный перерасчёт перед оплатой.
Как проверить у себя
- Не хранится ли одна информация в нескольких состояниях?
Первоисточники
История изменений на GitHubДата проверки отражает содержательную сверку. Синхронизация сайта не обновляет её автоматически.