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