Как вы связывали WebSocket с React и обеспечивали реактивное обновление интерфейса на основе событий сокета?
Подключение сокета связывают с жизненным циклом, а входящие события преобразуют в обновления state или внешнего store.
Читать ответПодготовка к интервью
622 вопроса по React с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, browser.
Каталог
Подключение сокета связывают с жизненным циклом, а входящие события преобразуют в обновления state или внешнего store.
Читать ответReact Strict Mode добавляет development-проверки чистоты рендера и корректности очистки эффектов и ref-callbacks.
Читать ответUI-логику оставляйте рядом с компонентом, повторяемую React-логику выносите в хуки, чистые бизнес-правила — в обычные функции.
Читать ответБраузер получает ресурс через сеть или кеш, разбирает HTML, загружает зависимости и строит представление страницы.
Читать ответЗагружайте данные в эффекте, храните поиск и направление сортировки отдельно, а видимый список вычисляйте из исходных данных.
Читать ответОпределите асинхронный интерфейс хранилища и внедряйте платформенный адаптер вместо прямых вызовов localStorage.
Читать ответConcurrent rendering позволяет React прерывать и возобновлять некритичную render-работу, отдавая приоритет срочным изменениям.
Читать ответРендер React — вычисление описания интерфейса из текущих props, state и context, а не непосредственная перерисовка всего DOM.
Читать ответПеречислите реально использованные технологии помимо React, указав задачи и глубину участия для каждой.
Читать ответВ render-фазе React проходит Fiber-узлы, вычисляя новую работу; обновление родителя обычно приводит к проверке его дочернего дерева.
Читать ответСначала установите путь зависимости и затронутый сценарий, затем обновите совместимую версию или примените проверенный override.
Читать ответReact.lazy откладывает загрузку компонента до его использования и обычно применяется вместе с dynamic import и Suspense.
Читать ответ