Самые частые вопросы про React на собеседованиях: Хуки, жизненный цикл, useState, useEffect, виртуальный DOM.
Где в React стоит использовать локальное, а где глобальное состояние?
Опишите, в каких ситуациях в React нужно использовать локальное состояние (state), а в каких — глобальное. Укажите, какие подходы или инструменты подходят для управления каждым типом состояния.Junior, Trainee
Какими способами в React можно передавать данные между компонентами?
Расскажите, какими способами можно передавать данные между компонентами в React, как это работает и какие подходы чаще всего используются в современных приложениях.Junior, Trainee
Опишите жизненный цикл React компонента
Объясните, какие этапы проходит компонент в React от его создания до удаления. Опишите, что происходит на каждом этапе жизненного цикла и как с этими этапами можно работать.Junior, Trainee
Что такое useEffect в React?
Объясните, что такое хук useEffect в React, как он используется для управления побочными эффектами и в каких случаях его нужно применять.Junior, Trainee
Что такое props drilling и как это можно решить в React?
Объясните, что такое props drilling в React и какие проблемы оно может вызывать. Опишите, какие существуют подходы и инструменты, чтобы избежать передачи данных через несколько уровней компонентов.Junior, Trainee
Как реализовать двухсторонее связывание (binding) в React?
Опишите, как в React можно реализовать двухстороннее связывание данных в компонентах, например, при работе с формами. Укажите, какие подходы и методы используются для синхронизации данных между состоянием компонента и пользовательским вводом.Junior, Trainee
Почему нельзя изменять пропсы в дочернем компоненте в React?
Объясните, почему в React рекомендуется избегать изменения пропсов в дочерних компонентах. Опишите, как это может повлиять на корректность и предсказуемость работы приложения.Junior, Trainee
Что такое JSX?
Объясните, что представляет собой JSX в React и как он используется при создании пользовательских интерфейсов. Опишите, чем JSX отличается от обычного JavaScript и HTML, и в чем его основные преимущества.Junior, Trainee
Что такое SSR и чем он отличается от SPA в React?
Опишите, что такое серверный рендеринг (SSR) в React, как он работает и чем отличается от одностраничных приложений (SPA). Укажите, какие преимущества и недостатки есть у каждого из подходов.Junior, Trainee
Что такое рефы (useRef) и для чего они используются в React?
Опишите, что такое рефы (useRef) в React, как они используются и в каких случаях их нужно применять при разработке компонентов.Junior, Trainee
Как работает проп children в React?
Опишите, как в React работает специальный проп children. В каких случаях и как его можно использовать при построении пользовательских интерфейсов?Junior, Trainee
Как в React отрисовать элементы массива?
Расскажите, каким образом можно отобразить массив данных в React, например, список элементов. Опишите, какие методы и подходы используются для итерации по массиву и создания JSX элементов на основе его значений.Junior, Trainee
Расскажите какие хуки в React вы знаете, и для чего они нужны?
Опишите основные хуки в React, как они используются и какие задачи помогают решать в процессе разработки компонентов.Junior, Trainee
Как можно работать с DOM элементами напрямую в React?
Объясните, как в React можно получить доступ к DOM элементам и управлять ими напрямую. Опишите, какие подходы и инструменты позволяют взаимодействовать с DOM, не нарушая концепцию React.Junior, Trainee
Какие значения могут хранить рефы (useRef) в React?
Расскажите, какие значения можно сохранять с помощью useRef в React, как это работает и какие задачи можно решать с помощью этого хука.Junior
Как организовать переиспользование компонентов в React?
Расскажите о подходах и методах, которые позволяют эффективно переиспользовать компоненты в React. Укажите, как можно структурировать компоненты для обеспечения их универсальности и гибкости.Junior
Что такое Pure Component в React?
Объясните, что представляет собой Pure Component в React, как он работает и в чем его отличия от обычного компонента. В каких случаях стоит использовать Pure Component?Junior
В чем преимущество React в отличие от интерфейсов на ванильном JS?
Опишите, какие преимущества предлагает React по сравнению с разработкой интерфейсов на чистом JavaScript, включая особенности и подходы, которые делают React удобным инструментом для создания сложных пользовательских интерфейсов.Junior
Что такое контекст (useContext) в React?
Опишите, что представляет собой контекст в React и как он используется. Объясните, как хук useContext позволяет получить доступ к данным контекста и в каких ситуациях стоит применять данный подход.Junior
Что такое мемоизация и как она работает в React?
Расскажите, что такое мемоизация и как она помогает оптимизировать производительность в React. В каких случаях стоит использовать memo, useMemo и useCallback?Junior
В чем отличие классовых компонентов от функциональных в React?
Опишите, какие основные различия существуют между классовыми и функциональными компонентами в React, как их использовать и в каких ситуациях лучше предпочесть один подход другому.Junior
В каком методе жизненного цикла стоит получать данные с сервера в React?
Укажите, в каком из методов жизненного цикла или хуков React рекомендуется выполнять запросы на сервер, чтобы загружать данные для компонента, и объясните, почему именно этот метод подходит для таких операций.Junior
В каком методе жизненного цикла стоит подписываться на события в React?
Объясните, в каком методе жизненного цикла React компонента или с помощью какого хука рекомендуется подписываться на события и почему этот подход является оптимальным.Junior
В чем разница между функциональными и классовыми компонентами в React?
Объясните различия между функциональными и классовыми компонентами в React. Какие особенности и преимущества каждого из подходов можно выделить?Junior
Для чего нужен атрибут key в React?
Опишите, какую роль выполняет атрибут key в React при отрисовке списков и других повторяющихся элементов. Объясните, почему использование корректных значений key важно для производительности и корректной работы приложения.Junior
Что такое фрагмент (Fragment) в React?
Опишите, что представляет собой фрагмент (Fragment) в React, как его использовать и для чего он нужен при работе с JSX.Junior
Работали ли вы с классовыми компонентами в React, и в чем их особенность?
Объясните, что представляют собой классовые компоненты в React, как они работают и какие ключевые особенности их отличают от функциональных компонентов.Junior
Какие есть способы стилизации в React?
Опишите, какие подходы и методы существуют для стилизации компонентов в React. Укажите, в чем заключаются особенности и преимущества каждого подхода.Junior
Для чего нужен хук useCallback и как его использовать в React?
Опишите, в чем назначение хука useCallback в React и в каких случаях он применяется. Объясните, как этот хук помогает избежать ненужных перерисовок компонентов и улучшить производительность.Junior
Приведите примеры использования контекста (useContext) в React
Расскажите, как контекст и хук useContext могут быть использованы в React для передачи данных между компонентами. Приведите примеры, где контекст помогает упростить код и избежать избыточной передачи пропсов.Junior
Что такое Компонент высшего порядка (Higher-Order Component, HOC) в React?
Объясните, что представляет собой Компонент высшего порядка (Higher-Order Component, HOC) в React. Каковы основные принципы его работы и в каких ситуациях его стоит использовать?Junior
Для чего нужен хук useMemo и как его использовать в React?
Объясните, как работает хук useMemo в React и в каких ситуациях его стоит использовать. Опишите, какие преимущества он дает и как правильно применять данный хук в приложениях.Junior
Что такое render props в React?
Объясните концепцию render props в React и как она позволяет разделять логику между компонентами. В каких случаях этот подход предпочтителен?Middle, Junior
Что такое управляемые и неуправляемые компоненты в React?
Объясните разницу между управляемыми и неуправляемыми компонентами в React. Опишите, как они работают, в чем их особенности и в каких случаях стоит использовать каждый из этих подходов.Middle, Junior
Как обрабатывать ошибки при использовании хуков в React?
Объясните, как можно эффективно обрабатывать ошибки, возникающие при работе с хуками в React. Укажите, какие подходы и инструменты можно использовать для управления ошибками в приложении.Middle, Junior
Что такое VDOM (Virtual DOM) в React?
Опишите, что представляет собой виртуальный DOM в React, как он работает и какие преимущества предоставляет по сравнению с непосредственным обновлением реального DOM.Middle, Junior
Что такое Flux архитектура в React?
Объясните, что представляет собой архитектура Flux в контексте разработки на React. Как организованы потоки данных и в чем преимущества такого подхода?Middle, Junior
Что такое порталы (usePortal) в React?
Объясните, что такое порталы в React, как они работают и в каких ситуациях их лучше использовать при создании пользовательских интерфейсов.Middle, Junior
Как можно использовать коллбэк (callback) в useState в React?
Объясните, в каких ситуациях может быть полезно использовать коллбэк в useState и как это работает. Опишите, как можно динамически обновлять состояние в зависимости от предыдущего значения с использованием коллбэка.Middle, Junior
Какие есть паттерны для работы с асинхронностью в React?
Опишите, какие подходы и паттерны используются для управления асинхронными операциями в React. Укажите, как можно эффективно управлять асинхронными запросами, состояниями и побочными эффектами в компонентах.Middle, Junior
Что такое FSD (Feature sliced design) архитектура в React?
Расскажите, что такое FSD (Feature Sliced Design) в разработке на React и как данная архитектура организует структуру кода. Какие преимущества она предлагает при масштабировании приложений?Middle, Junior
Как можно заставить компонент перерендериться (rerender) в React?
Объясните, какие действия можно предпринять, чтобы вручную инициировать ререндеринг компонента в React. Укажите, как можно использовать обновление состояния или другие методы для вызова повторного рендера.Middle, Junior
Для чего нужен Redux и другие стейт менеджеры в React?
Опишите, в каких ситуациях стоит использовать Redux или другие стейт менеджеры при разработке React приложений, и какие проблемы они решают.Middle, Junior
Как работают CSS Modules (CSS модули) в React?
Опишите, как CSS Modules помогают в стилизации компонентов React. Объясните, как это решает проблему глобальной области видимости стилей и улучшает модульность кода.Middle, Junior
Что может вызывать ререндер компонента в React?
Опишите, какие факторы могут инициировать повторный рендеринг компонента в React. Укажите, как изменения в состоянии, пропсах или других элементах могут повлиять на процесс ререндеринга.Middle, Junior
Какие варианты архитектуры React приложения вы знаете?
Опишите, какие подходы и паттерны используются при проектировании архитектуры React-приложений. Укажите, какие принципы помогают организовать код и структуру проекта для поддерживаемости и масштабируемости.Middle, Junior
Как можно реализовать lazy loading изображений в React?
Расскажите, как в React можно реализовать ленивую загрузку изображений. Опишите, какие подходы и библиотеки можно использовать для оптимизации загрузки изображений и улучшения производительности.Middle
Что такое подъем состояния (lifting state up) в React?
Объясните, что означает концепция подъема состояния (lifting state up) в React и в каких ситуациях она применяется. Опишите, как эта техника помогает улучшить управление состоянием в компонентной структуре.Middle
В чем разница между useEffect и useLayoutEffect в React?
Объясните, в чем основное отличие между хуками useEffect и useLayoutEffect в React. Опишите, как они работают и в каких ситуациях каждый из них стоит использовать.Senior, Middle
Что такое React Reconciliation (согласование/сверка)?
Объясните, что представляет собой процесс согласования (Reconciliation) в React, как он работает и какие задачи решает. Опишите, почему это важно для эффективности работы React-приложений.Senior, Middle
Что такое синтетические события (synthetic events) в React?
Объясните, что такое синтетические события в React и почему они используются вместо стандартных событий браузера. Опишите, как они работают и какие преимущества предоставляют.Senior, Middle
Какие методы жизненного цикла пропали в React 16?
Опишите, какие методы жизненного цикла были удалены или изменены в React версии 16. Объясните, почему это было сделано и какие альтернативы предлагают новые версии React для выполнения тех же задач.Senior, Middle