Code Review: React
Тренажёр по code review на React. Находите реальные проблемы — ошибки хуков, race conditions в эффектах, проблемы производительности, XSS и архитектурные антипаттерны.
Ошибки хуков
Отсутствие массива зависимостей, stale closure в интервалах, нарушение Rules of Hooks, объект в deps вызывающий бесконечный цикл, useRef вместо useState
Производительность
key=index в списках, inline объекты/функции ломают React.memo, отсутствие useMemo/useCallback, нестабильное значение Context перерисовывает всех потребителей
Управление состоянием
Stale state в async-обработчиках, derived state антипаттерн, прямая мутация объектов состояния, неконтролируемый/контролируемый переключатель
Асинхронность в эффектах
Отсутствие cleanup для таймеров и подписок, race condition в поиске, setState после размонтирования, async useEffect без обработки ошибок
Безопасность
XSS через dangerouslySetInnerHTML, javascript: инъекция в href, хардкод API-ключей в компоненте, eval() с пользовательским вводом
Архитектура компонентов
God-компонент совмещающий всё, prop drilling, преждевременная оптимизация, отсутствие Error Boundary, смешение UI и бизнес-логики