Специализация
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 (чистые компоненты) автоматически предотвращают повторные рендеры, если их пропсы или состояние не изменились. Это делается с помощью поверхностного сравнения значений. Обычные компоненты, с другой стороны, рендерятся каждый раз, когда их родительский компонент обновляется, даже если их пропсы или состояние не изменились.
Почему Хук useMemo в React не используется для замены shouldComponentUpdate?
Хук useMemo используется для оптимизации производительности, запоминая результат вычисления и избегая его повторного выполнения при неизменных зависимостях. Однако он не предназначен для управления рендерингом компонентов, как это делает shouldComponentUpdate, который отвечает за решение о необходимости обновления компонента.
Как использовать CSS-in-JS библиотеки (например, styled-components) в React-проектах?
CSS-in-JS библиотеки позволяют писать стили прямо в JavaScript коде. В styled-components стили создаются как компоненты, что упрощает динамическое изменение стилей на основе состояния и использования тем.
В чем разница между Spring аннотациями @Component, @Repository и @Service?
Аннотация @Component является общей и может использоваться для создания любого бина. Аннотация @Repository специализирована для компонентов доступа к данным и добавляет возможности работы с исключениями. Аннотация @Service используется для сервисного слоя и обозначает компоненты, содержащие бизнес-логику.
Для чего нужен Navigation Component?
Как работает получение данных на сервере в Next.js? (Раньше — getServerSideProps, в App Router — async-компоненты)
Какие есть ограничения у серверных компонентов в Next.js? (Отсутствие состояния, хуков)
Чем аннотация @Bean отличается от @Service/@Component?
Что такое PureComponent и зачем он нужен?
Рейтинг:
2
Сложность:
7
Navigation Component упрощает навигацию между Fragment и Activity через NavGraph, NavController и Safe Args. Он генерирует код для безопасной передачи аргументов, управляет back-stack автоматически и облегчает Deep Linking и переходы с анимацией, снижая шаблонный код и ошибки при навигации вручную.
Рейтинг:
2
Сложность:
7
В старом Pages Router для получения данных на сервере использовалась специальная функция getServerSideProps, которая передавала данные в компонент страницы через пропсы. В новом App Router Server Components (помеченные как async) могут напрямую получать данные с помощью fetch или других библиотек, а затем рендерить JSX.
Рейтинг:
2
Сложность:
7
Серверные компоненты не могут использовать состояние (useState), эффекты (useEffect) и другие хуки жизненного цикла, потому что они рендерятся один раз на сервере и не "живут" в браузере. Они также не могут использовать браузерные API (например, window или document) и обработчики событий.
Рейтинг:
2
Сложность:
7
@Bean используется в конфигурационных классах для явного создания бинов, часто для сторонних классов. @Component, @Service, @Repository — это стереотипные аннотации для автоматического сканирования и создания бинов из ваших классов. @Service и @Repository являются специализированными версиями @Component с дополнительной семантикой.
Рейтинг:
4
Сложность:
6
PureComponent - это базовый класс в React, который автоматически реализует метод shouldComponentUpdate с поверхностным сравнением пропсов и состояния. Он предотвращает лишние ререндеры компонента, когда пропсы и состояние не изменились, что улучшает производительность приложения.
Рейтинг:
3
Сложность:
5
Рейтинг:
2
Сложность:
5
Рейтинг:
5
Сложность:
7
Рейтинг:
5
Сложность:
10
Рейтинг:
3
Сложность:
7
