Специализация
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 вызывает ререндер компонента. По умолчанию при ререндере родителя ререндерятся и его дочерние компоненты, даже если их props не изменились. Чтобы этого избежать, используют мемоизацию (React.memo, shouldComponentUpdate, PureComponent).
Как работает получение данных на сервере в 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
