Итак, нам нужно использовать  в каком-то  компоненте React-приложения публичный, т.е. не секретный ключ. Как правило, он используется в паре с секретным ключом, загружаемым с бек-энда. Мы не можем его вставить прямо код, хотя бы потому, что ключ может измениться, и придется выискивать все его включения в разных компонентах. Для этого можно использовать переменную окружения. 

Считаем, что приложение, созданное с использованием шаблона create-react-app уже существует.

Для начала создадим файл .env и поместим его в корень приложения (на уровне, где package.json).

Добавим в него пару ключ - значение, ключ должен обязательно начинаться с REACT_APP_

REACT_APP_YOUR_PUBLIC_KEY = key_test_skjredfbsbckaskc 12casf

Теперь в приложении вы можете использовать значение этой переменной окружения как {process.env.REACT_APP_YOUR_PUBLIC_KEY}.

 Только не забудьте перезапустить приложение командой npm start.

Кроме того, приложение по умолчанию уже содержит одну переменную окружения NODE_ENV, которую также можно использовать {process.env.NODE_ENV}.

Переменная NODE_ENV принимает значение development при запуске npm start, production при запуске npm run build и "test", когда выполняете команду npm test.