Как обойтись без глобальных переменных в React приложении?

Question

[Username]

Добрый день!

Как можно без использования глобальных переменных (поскольку любое приложение будет иметь к ним доступ), объявлять переменные, которые будут доступны в любом месте моего приложения?

Пример – вместо такого колхоза
window.ee = new EventEmmiter();

Comments

[codefln]

utils.js

export const eventEmitter = new EventEmmiter();

components.jsx

import { eventEmitter } from 'utils'

Answer 1

[Anubis]

Завести какой-нибудь файл, в котором
export const ee = new EventEmitter();

Там, где она нужна,
import { ee } from './any-file-name';

Comments

[Username]

Гениальное и простое решение.
При вызове import { ee } from './any-file-name'; в разных файлах, каждый раз будет создаваться новый экземпляр класса?

[Anubis]

Нет, ссылка на один и тот же экземпляр