14.4K ·GitHub
Что это такое?
Redux DevTools — это набор инструментов разработчика для Redux (или любой архитектуры, которая управляет изменениями состояния). С его помощью можно просматривать каждое отправленное действие (action), воспроизводить действия и горячо перезагружать состояние приложения.
Redux DevTools — это набор инструментов разработчика для Redux (или любой архитектуры, которая управляет изменениями состояния). С его помощью можно просматривать каждое отправленное действие (action), воспроизводить действия и горячо перезагружать состояние приложения.Это расширение для браузера или библиотека, которую я добавляю в свой код?И то и другое: он распространяется как расширение для браузеров Chrome, Edge и Firefox, а также может использоваться как отдельное приложение или как React-компонент, встроенный прямо в ваше приложение.
И то и другое: он распространяется как расширение для браузеров Chrome, Edge и Firefox, а также может использоваться как отдельное приложение или как React-компонент, встроенный прямо в ваше приложение.Как его настроить в моём проекте?Установите расширение для браузера из магазина вашего браузера, и оно автоматически найдёт хранилище (store) Redux. Или следуйте документации Manual Integration as a React Component, чтобы встроить компонент DevTools непосредственно в приложение.
Установите расширение для браузера из магазина вашего браузера, и оно автоматически найдёт хранилище (store) Redux. Или следуйте документации Manual Integration as a React Component, чтобы встроить компонент DevTools непосредственно в приложение.Нужно ли собирать все пакеты, чтобы поработать над одной частью?Нет, можно собрать только нужные пакеты, используя команды фильтрации pnpm workspace, вместо сборки всего монорепозитория.
Нет, можно собрать только нужные пакеты, используя команды фильтрации pnpm workspace, вместо сборки всего монорепозитория.Это работает только с Redux?Он построен вокруг архитектуры Redux, но в README отмечено, что через интеграции поддерживаются и другие архитектуры управления состоянием.
Он построен вокруг архитектуры Redux, но в README отмечено, что через интеграции поддерживаются и другие архитектуры управления состоянием.Могу ли я отслеживать приложение на Redux, которое работает на другом устройстве или вне браузера?Да, в документации есть руководство по удалённому мониторингу (Remote monitoring) для просмотра состояния вне локальной вкладки браузера.
Да, в документации есть руководство по удалённому мониторингу (Remote monitoring) для просмотра состояния вне локальной вкладки браузера.Что делать, если расширение не находит моё хранилище?В списке документации в README есть отдельный документ Troubleshooting для диагностики проблем с подключением.
В списке документации в README есть отдельный документ Troubleshooting для диагностики проблем с подключением.Есть ли рекомендации помимо базовой установки, например по типовым схемам использования?Да, в README есть ссылки на документ Recipes и на FAQ с более продвинутыми схемами использования.
Да, в README есть ссылки на документ Recipes и на FAQ с более продвинутыми схемами использования.What are similar projects?redux-devtools-extension, devtools-v6, react-devtools, zustand, openreplay, responsively-app, react-scan, web-source-inspect
redux-devtools-extension, devtools-v6, react-devtools, zustand, openreplay, responsively-app, react-scan, web-source-inspectWhich topics is it in?redux, firefox-extension, devtools, state-management, debugging, chrome-extension, browser-extension, monitoring, react, npm, frontend, nodejs
redux, firefox-extension, devtools, state-management, debugging, chrome-extension, browser-extension, monitoring, react, npm, frontend, nodejs