Вопросы по React для уровня Senior связывают принципы работы фреймворка с поведением продукта и удобством сопровождения. Отрабатывайте каждый ответ на конкретной ситуации со сценарием сбоя и способом проверки.

01

Рендеринг и идентичность компонентов

  • Что вызывает рендеринг компонента и когда это не создаёт проблем?
  • Как идентичность компонента влияет на сохранение состояния?
  • Когда мемоизация ускоряет работу, а когда лишь усложняет код?
  • Как диагностировать неожиданно дорогостоящее взаимодействие?
  • Какие допущения изменяются при одновременном рендеринге?
02

Состояние и эффекты

  • Где следует хранить состояние многошагового процесса?
  • Какие значения лучше вычислять, а не хранить?
  • Как отличить событие от синхронизации?
  • Как замыкания с устаревшими значениями появляются в рабочем приложении?
  • Как бы вы моделировали состояния загрузки, отсутствия данных, успеха, устаревших данных и ошибки?
03

Границы данных и приложений

  • Какие данные следует хранить в кэше серверного состояния?
  • Как должны работать изменение данных и сброс кэша?
  • Где должны выполняться проверка схемы и авторизация?
  • Как бы вы разработали оптимистичные обновления и откат?
  • Что должно входить в публичный интерфейс функционального модуля?
04

Качество и масштаб

  • Как требования к доступности формируют API компонентов?
  • Что должны доказать тесты компонентов?
  • Как не допустить, чтобы дизайн-система превратилась в набор исключений?
  • Когда вы введете разделение кода?
  • Как вы бы поэтапно обновляли большую существующую часть интерфейса на React?
05

Что должно быть в хорошем ответе

  • Поведение интерфейса с точки зрения пользователя
  • Механизм React включает
  • Конкретный сценарий сбоя
  • Решение, которое удобно сопровождать
  • Способ наблюдать или проверять результат
Ссылки

Первичные источники

Редакционная проверка
Описание продукта сверено с его текущими возможностями. Нашли ошибку? Отправьте исправление.