Специализация
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 в телеграм
Можете объяснить концепцию "props" в React?
"Props" (сокращение от "properties") — это способ передачи данных от одного компонента к другому. Они неизменяемы и позволяют родительским компонентам передавать информацию дочерним компонентам, чтобы настраивать их поведение или внешний вид.
В чем разница между props и state?
"Props" — это данные, которые передаются в компонент извне, в то время как "state" — это внутренние данные компонента, которые могут изменяться. Props передаются родительским компонентом и неизменны, а state управляется внутри самого компонента и может изменяться в течение времени.
Какова роль render props в React?
Render props — это паттерн в React, при котором компонент получает функцию для рендеринга через пропсы. Этот подход позволяет передавать динамическую логику и данные между компонентами, обеспечивая гибкость в рендеринге.
Что такое props drilling?
Prop drilling — это процесс передачи данных через несколько уровней компонентов, когда промежуточные компоненты не используют эти данные. Это может привести к усложнению структуры компонентов и затруднить управление состоянием приложения, так как каждое изменение требует обновления всех компонентов-посредников.
Вызывают ли изменения props ререндеры в React?
Да, изменение props всегда вызывает ререндер компонента (если только он не мемоизирован через React.memo или shouldComponentUpdate). Однако React не ререндерит дочерние компоненты, если их props не изменились.
Как работает получение данных на сервере в Next.js? (Раньше — getServerSideProps, в App Router — async-компоненты)
Чем отличаются getStaticProps, getServerSideProps и getStaticPaths?
Как можно решить взаимодействие чекбоксов через React Context?
Почему передача функций через props может ломать мемоизацию?
Для чего используется props.children?
Рейтинг:
2
Сложность:
7
В старом Pages Router для получения данных на сервере использовалась специальная функция getServerSideProps, которая передавала данные в компонент страницы через пропсы. В новом App Router Server Components (помеченные как async) могут напрямую получать данные с помощью fetch или других библиотек, а затем рендерить JSX.
Рейтинг:
2
Сложность:
6
getStaticProps получает данные для статических страниц во время сборки. getServerSideProps получает данные при каждом запросе на сервере. getStaticPaths определяет какие динамические пути должны быть предварительно сгенерированы для статических страниц.
Рейтинг:
3
Сложность:
7
React Context позволяет хранить состояние группы чекбоксов в одном месте.
Компоненты получают доступ к данным напрямую через Context.
Это избавляет от prop drilling.
Подход полезен для сложных форм и вложенных структур.
Рейтинг:
5
Сложность:
6
Функции в JavaScript — это объекты, и при каждом рендере создаётся новая функция. Для React.memo это выглядит как изменение пропса. В результате мемоизация не срабатывает. Даже если логика функции не меняется, ссылка на неё новая. Это частая причина бесполезного использования React.memo.
Рейтинг:
5
Сложность:
4
props.children используется для передачи вложенного JSX в компонент.
Он позволяет компоненту быть оберткой для произвольного контента.
Это основной механизм композиции в React.children может содержать элементы, строки или другие компоненты.
Рейтинг:
1
Сложность:
1
Рейтинг:
1
Сложность:
1
Рейтинг:
3
Сложность:
6
Рейтинг:
4
Сложность:
3
Рейтинг:
3
Сложность:
4
