Специализация
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 в телеграм
Что такое HTML5 History API и как его использовать для управления навигацией без перезагрузки страницы?
HTML5 History API позволяет изменять URL в браузере без перезагрузки страницы, сохраняя историю переходов. Основные методы API — pushState(), replaceState() и событие popstate. Они позволяют динамически менять состояние страницы, обновляя URL, что делает навигацию в одностраничных приложениях (SPA) более плавной и интерактивной.
Каково назначение dispatch в React Redux?
dispatch — это функция, которая отправляет действия (actions) в хранилище Redux. Эти действия обрабатываются редьюсерами, которые обновляют состояние. dispatch используется для взаимодействия с глобальным состоянием и вызова изменений.
Что произойдет, если изменить свойство display на block для элемента <span>?
Элемент <span> станет блочным: будет занимать всю ширину родителя, переноситься на новую строку и сможет иметь ширину/высоту, в отличие от строчного поведения.
Как приоритизировать вызовы dispatch (например, выполнить действие последним)?
Можно использовать очереди, middleware или отложенные вызовы (setTimeout, Promise) для управления порядком диспатчей.
Что такое SPA?
SPA — это приложение, которое загружается в браузер один раз и дальше работает без перезагрузки страницы. При навигации меняется только содержимое страницы, а не весь документ. Взаимодействие с сервером происходит через API. Такой подход делает интерфейс быстрее и отзывчивее. SPA широко используется в React-приложениях.
В чём разница между SPA и SSR?
Как реализовать проверку авторизации при переходе между маршрутами?
Что изменится, если заменить div на span с точки зрения отображения и отступов?
Чем принципиально отличается div от span?
В чем отличие Module Federation от монорепозитория и одной большой SPA?
Рейтинг:
5
Сложность:
7
SPA рендерится полностью на стороне клиента, а SSR — на сервере. В SPA пользователь сначала загружает JavaScript, а потом видит контент. В SSR HTML формируется на сервере и сразу отправляется браузеру. SSR улучшает SEO и время первого отображения. SPA проще в реализации, но хуже для поисковых систем.
Рейтинг:
5
Сложность:
5
Проверка авторизации обычно реализуется через глобальный beforeEach guard. В нём проверяется наличие токена или состояния авторизации. При отсутствии доступа выполняется редирект на страницу логина. Такой подход централизует логику безопасности. Это стандартное решение во Vue-приложениях.
Рейтинг:
5
Сложность:
4
div — блочный элемент, а span — строчный. div занимает всю доступную ширину и начинается с новой строки. span располагается внутри строки и не ломает поток текста. Вертикальные margin у span не работают так же, как у div. Замена может существенно изменить внешний вид страницы.
Рейтинг:
5
Сложность:
3
div и span отличаются типом отображения. div является блочным элементом, span — строчным. div используется для построения структуры страницы. span применяется для локального выделения текста или inline-элементов. Их поведение в layout принципиально разное.
Рейтинг:
4
Сложность:
7
Рейтинг:
2
Сложность:
8
Рейтинг:
2
Сложность:
2
Рейтинг:
2
Сложность:
3
Рейтинг:
2
Сложность:
8
Рейтинг:
5
Сложность:
4
