React Frontend Developer

Question 1

Чем отличаются getStaticProps, getServerSideProps и getStaticPaths?

Accepted Answer

getStaticProps получает данные для статических страниц во время сборки. getServerSideProps получает данные при каждом запросе на сервере. getStaticPaths определяет какие динамические пути должны быть предварительно сгенерированы для статических страниц.

Question 2

Как определить текущий base path приложения на стороне клиента?

Accepted Answer

Base path — это часть URL между доменом и началом пути к конкретному ресурсу приложения. Его можно определить из объекта `window.location`. Например, если приложение развёрнуто по адресу `https://example.com/my-app/`, то base path — это `/my-app/`. Для SPA, использующих HTML5 History API, base path часто задаётся в конфигурации роутера (например, в React Router — проп `basename`). Также его можно вычислить, сравнив `window.location.pathname` с известной структурой путей приложения.

Question 3

Как реализовать поддержку динамического base path в React-приложении?

Accepted Answer

Динамический base path позволяет React-приложению работать корректно, когда оно развернуто не в корне домена, а в поддиректории (например, /app/). Для этого нужно настроить роутер и сборщик. В React Router используйте пропс `basename` в компоненте ``. Значение basename можно получать из переменных окружения или конфигурационного файла. Также необходимо настроить Webpack или другой сборщик, указав `publicPath`, чтобы статические ресурсы (JS, CSS) загружались из правильного пути.

Вопросы React Frontend Developer