Специализация
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 в телеграм
Можете ли вы объяснить, что такое BrowserRouter и HashRouter?
BrowserRouter и HashRouter — это методы маршрутизации в React Router. BrowserRouter использует истинные URL, в то время как HashRouter использует хэш-фрагменты (#).
Как вы можете получить доступ к объекту истории в React Router?
Доступ к объекту истории в React Router можно получить через useHistory() или useNavigate() в функциональных компонентах, что позволяет манипулировать текущим маршрутом.
Что произойдет, если два маршрута совпадают с текущим URL? Как это управляется?
Если два маршрута совпадают, <Routes> выбирает первый, который полностью соответствует текущему URL. Это называется "точное совпадение". Чтобы управлять этим, маршруты размещаются в порядке убывания специфичности (от более специфичных к менее специфичным).
Чем отличаются динамические сегменты маршрута и параметры запроса (query parameters)?
Динамические сегменты маршрута — это часть пути, указанная через :paramName, которая является обязательной. Параметры запроса (query parameters) передаются через строку после ? и являются необязательными. Динамические сегменты — это часть URL-структуры, а параметры запроса подходят для передачи дополнительной информации.
Как получить параметры маршрута внутри компонента?
Параметры маршрута можно получить с помощью хука useParams, который возвращает объект с ключами, соответствующими динамическим сегментам. Параметры запроса можно извлечь через useSearchParams, предоставляющий доступ к строке запроса.
Как React Router DOM обрабатывает неизвестные или некорректные URL?
Какие этапы происходят после ввода URL в браузере?
Что такое base URL (base tag) и для чего он используется?
Что происходит в браузере с момента ввода URL до отображения страницы?
Как реализуются динамические маршруты в Next.js?
Рейтинг:
3
Сложность:
5
React Router DOM перенаправляет некорректные URL на компонент обработки ошибок, который настраивается с помощью специального маршрута (path="*" или errorElement).
Рейтинг:
4
Сложность:
7
Когда вы вводите URL в браузере, сначала происходит поиск IP-адреса через DNS-систему. Затем браузер устанавливает соединение с сервером и отправляет HTTP-запрос. Сервер обрабатывает запрос и возвращает HTML-страницу с ресурсами. Браузер анализирует полученные данные, строит дерево элементов и отображает готовую страницу на экране.
Рейтинг:
4
Сложность:
5
<base> задает базовый URL для всех относительных ссылок на странице.
Он указывается внутри <head>.
После его задания браузер использует его как основу для путей.
Это упрощает работу с ссылками и ресурсами.
Рейтинг:
5
Сложность:
7
После ввода URL браузер делает DNS-запрос, устанавливает соединение с сервером и отправляет HTTP-запрос. Сервер возвращает HTML, затем браузер загружает CSS, JS и изображения. После этого строятся DOM и CSSOM, создается render tree и происходит рендеринг страницы.
Рейтинг:
5
Сложность:
5
В Next.js динамические маршруты создаются с помощью файлов в квадратных скобках, например [id].js. Значение параметра можно получить через router.query или параметры функции загрузки данных. Такой подход позволяет создавать страницы для разных сущностей, например пользователей или товаров. Маршруты формируются автоматически на основе структуры файлов.
Рейтинг:
2
Сложность:
5
Рейтинг:
2
Сложность:
5
Рейтинг:
2
Сложность:
5
Рейтинг:
2
Сложность:
4
Рейтинг:
2
Сложность:
3
