Расположение статических настроек приложения

Question

Я разрабатываю приложение Redux/ReactJS, и у меня есть список настроек приложения.

Я пытаюсь решить, должен ли я иметь их в магазине, или если я должен создать файл, содержащий настройки и импортировать его там, где он мне нужен.

Answer 1

Это зависит от природы «настройки приложения».

Для безопасных вещей

Как ключи API и т.д. Использование переменных окружения. Вы можете использовать что-то вроде dotenv, чтобы упростить имитацию других сред.

Для постоянных

Как строк и цветов и внешних URL-адресов, я использую константы файл с несколькими экспорта. Затем в каждом модуле импортировать все, что мне нужно, например, так:

import { 
    ANIMATION_DURATION, 
    COLORS, 
    MODALS, 
    TEXT_PADDING, 
} from '../../constants.js'; 

Для окружающей среды конкретных вещей (например, DEV, прод ...)

Например API URL-адресов или войти уровней и т.д. использовать набор конфигурационных файлов. Таким образом, у вас могут быть config-dev.js и config-prod.js, а затем config.js, который возвращает содержимое правильного файла на основе process.env.NODE_ENV

Answer 2

Настройки приложения должны быть просто const в каком-либо файле. Таким образом, для разных конфигураций настройки могут переключаться.

Пример файла настроек может быть:

let apiUrl = 'http://prodUrl'; 

// __DEV__ defaults to true in simulator. 
if (__DEV__) { 
    apiUrl = 'http://devUrl'; 
} 

export const settings = { 
    apiUrl, 
    registerUrl: `${apiUrl}/api/register`, 
    educationUrl: `${apiUrl}/api/education`, 
};