README
Утилита для трека состояния стора
Добавляет объект store
в глобальной области видимости
С его помощью можно получить состояние стора и подписаться на стор. Подписка на стор сохраняется для домена (ls).
Возможности
Получить состояние стора:
store()
. По умолчанию, функция опустит все пустые поля (null
,[]
,{}
).Зафильтровать поля стора:
store(substring)
. substring. Функция выведет все поля стора, где фигурирует подстрока. Метод фильтрации не чувствителен к регистру. По умолчанию, функция опустит все пустые поля.Вывести все поля, включая пустые.
store(substring, true)
Подписки
Подписка сохраняется в localStorage, поэтому после обновления страницы все подписки продолжат работу.
Важно: одновременно может быть активна только одна подписка. Сделано специально, чтобы не запутаться при разработке в подписках.
Подключение новой подписки затрет предыдущую.
Параметры подписки аналогичны store
. При создании подписки она автоматически вызовется первый раз. Подписка фильтрует изменившиеся поля в сторе и выводит только то, что изменилось.
- Подписка на весь стор:
store.subscribe()
. - Подписка по подстроке названия поля:
store.subscribe(substring)
. - Выводить даже пустые поля:
store.subscribe(substring, true)
.
Как использовать:
В проекте подключаете файл и вызываете функцию передавая в нее инстанс стора:
import storeDevToolInit from '@hh.ru/redux-dev-helper';
storeDevToolInit(storeInstance);
После этого у вас будет доступна глобальная переменная store.
Рекомендуется подключать файл в DEVELOPMENT режиме:
if (process.env.NODE_ENV === 'development') {
import('@hh.ru/redux-dev-helper').then(({ default: storeDevToolInit }) =>
storeDevToolInit(storeInstance)
);
}
Также убедитесь, что этот код не запускается на сервере.