Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Можете объяснить концепцию HOC (Higher-Order Components) в React?
HOC (компонент высшего порядка) — это функция, которая принимает компонент и возвращает новый компонент. Это позволяет повторно использовать логику между разными компонентами, не изменяя их исходный код. HOC полезны, когда нужно добавить общую функциональность, такую как авторизация или управление состоянием.
Чем отличаются pure components от обычных компонентов?
Pure components (чистые компоненты) автоматически предотвращают повторные рендеры, если их пропсы или состояние не изменились. Это делается с помощью поверхностного сравнения значений. Обычные компоненты, с другой стороны, рендерятся каждый раз, когда их родительский компонент обновляется, даже если их пропсы или состояние не изменились.
Как использовать CSS-in-JS библиотеки (например, styled-components) в React-проектах?
CSS-in-JS библиотеки позволяют писать стили прямо в JavaScript коде. В styled-components стили создаются как компоненты, что упрощает динамическое изменение стилей на основе состояния и использования тем.
Как работает получение данных на сервере в Next.js? (Раньше — getServerSideProps, в App Router — async-компоненты)
В старом Pages Router для получения данных на сервере использовалась специальная функция getServerSideProps, которая передавала данные в компонент страницы через пропсы. В новом App Router Server Components (помеченные как async) могут напрямую получать данные с помощью fetch или других библиотек, а затем рендерить JSX.
Какие есть ограничения у серверных компонентов в Next.js? (Отсутствие состояния, хуков)
Серверные компоненты не могут использовать состояние (useState), эффекты (useEffect) и другие хуки жизненного цикла, потому что они рендерятся один раз на сервере и не "живут" в браузере. Они также не могут использовать браузерные API (например, window или document) и обработчики событий.
Какие недостатки у styled-components?
Почему styled-components могут влиять на производительность?
Чем DOM отличается от Shadow DOM?
Рейтинг:
5
Сложность:
5
styled-components упрощают работу со стилями, но добавляют runtime-нагрузку. Они увеличивают размер бандла и усложняют отладку CSS. Стили генерируются во время выполнения, что может влиять на производительность. Также появляется зависимость от библиотеки. Этот подход не всегда оправдан для простых проектов.
Рейтинг:
5
Сложность:
6
styled-components генерируют CSS во время выполнения. При каждом рендере может происходить пересоздание стилей. Это увеличивает нагрузку на JavaScript и замедляет отрисовку. Особенно заметно при большом количестве компонентов. Производительность зависит от сценария использования.
Рейтинг:
4
Сложность:
6
DOM — это общее дерево элементов страницы, доступное для JavaScript и CSS. Shadow DOM — это изолированное поддерево, привязанное к конкретному элементу. Стили и разметка внутри Shadow DOM не влияют на остальную страницу. Это позволяет создавать переиспользуемые и защищенные компоненты. Shadow DOM активно используется в Web Components.
Рейтинг:
3
Сложность:
5
Рейтинг:
2
Сложность:
5
Рейтинг:
5
Сложность:
10
Рейтинг:
2
Сложность:
7
Рейтинг:
2
Сложность:
7
