React Frontend Developer

Question 1

Что такое файл .env и для чего он используется?

Accepted Answer

Файл .env используется для хранения переменных окружения. В нём обычно хранятся настройки, зависящие от окружения. Эти значения подставляются в приложение во время сборки. .env позволяет не хардкодить конфигурацию в коде. Это упрощает поддержку и деплой.

Question 2

Можно ли хранить секретные данные в environment variables фронтенд-приложения?

Accepted Answer

Нет, хранить секретные данные в переменных окружения фронтенд-приложения нельзя. Все переменные окружения, используемые в клиентском коде, попадают в итоговый бандл и становятся доступны любому пользователю через инструменты разработчика браузера. Для хранения секретов (API-ключи, токены) необходимо использовать серверную часть приложения.

Question 3

Как происходит подстановка значений environment variables во время сборки?

Accepted Answer

Переменные окружения подставляются на этапе сборки с помощью специальных инструментов, например, DefinePlugin в Webpack. Они заменяются на их значения прямо в коде до выполнения. Это позволяет использовать разные конфигурации для разных сред без изменения исходного кода.

Question 4

На каком этапе используются environment variables в React-приложении?

Accepted Answer

Переменные окружения в React-приложении используются на этапе сборки (build time). Они встраиваются в код при запуске сборки через Create React App или аналогичные инструменты. Это позволяет задавать разные конфигурации для разных сред (разработка, продакшн) без изменения исходного кода.

Вопросы React Frontend Developer