Специализация
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 в телеграм
Что такое React Router?
React Router — это библиотека для добавления маршрутизации в приложения React, позволяющая пользователю переходить между различными страницами без необходимости полной перезагрузки.
Можете ли вы объяснить, что такое BrowserRouter и HashRouter?
BrowserRouter и HashRouter — это методы маршрутизации в React Router. BrowserRouter использует истинные URL, в то время как HashRouter использует хэш-фрагменты (#).
Как вы можете получить доступ к объекту истории в React Router?
Доступ к объекту истории в React Router можно получить через useHistory() или useNavigate() в функциональных компонентах, что позволяет манипулировать текущим маршрутом.
Какие основные компоненты предоставляет React Router DOM для создания маршрутов?
React Router DOM предоставляет ключевые компоненты, такие как <BrowserRouter>, <Routes>, <Route>, и <Link>. <BrowserRouter> используется для обертки приложения, чтобы включить маршрутизацию. <Routes> содержит набор маршрутов, а <Route> определяет, какой компонент рендерится при совпадении с определенным URL. <Link> используется для создания ссылок, которые позволяют навигацию без перезагрузки страницы.
Что произойдет, если два маршрута совпадают с текущим URL? Как это управляется?
Если два маршрута совпадают, <Routes> выбирает первый, который полностью соответствует текущему URL. Это называется "точное совпадение". Чтобы управлять этим, маршруты размещаются в порядке убывания специфичности (от более специфичных к менее специфичным).
Как получить параметры маршрута внутри компонента?
Как задать маршруты с вложенными компонентами (nested routes)?
Как задать редирект в приложении?
Как работает ленивый роутинг (lazy loading) в React Router DOM?
Что такое createBrowserRouter и чем он отличается от использования <BrowserRouter>?
Рейтинг:
2
Сложность:
3
Параметры маршрута можно получить с помощью хука useParams, который возвращает объект с ключами, соответствующими динамическим сегментам. Параметры запроса можно извлечь через useSearchParams, предоставляющий доступ к строке запроса.
Рейтинг:
2
Сложность:
5
Для создания вложенных маршрутов в React Router используется структура маршрутов, где один <Route> включает в себя другой. Дочерние маршруты отображаются внутри родительского компонента с использованием компонента <Outlet>.
Рейтинг:
2
Сложность:
5
Редирект можно задать с помощью компонента <Navigate> для автоматического перенаправления или программно через хук useNavigate.
Рейтинг:
5
Сложность:
6
Ленивый роутинг загружает компоненты маршрутов только при их необходимости. Это достигается использованием функции React.lazy в сочетании с динамическим импортом (import()), что позволяет уменьшить начальный размер бандла.
Рейтинг:
2
Сложность:
2
<BrowserRouter> обеспечивает базовую маршрутизацию с декларативным описанием маршрутов в JSX. createBrowserRouter позволяет описывать маршруты программно, предоставляя расширенные возможности, такие как загрузчики данных, обработчики ошибок и действие (action) маршрутов.
Рейтинг:
3
Сложность:
3
Рейтинг:
2
Сложность:
5
Рейтинг:
2
Сложность:
5
Рейтинг:
3
Сложность:
3
Рейтинг:
2
Сложность:
5
