Repolode
Предложить
reduxjs

reduxjs/redux-devtools

Расширение для браузера и компонент React для анализа состояния Redux, повторного воспроизведения действий и горячей перезагрузки.

Открыть на GitHubСайт
Звёзды
14,370
Форки
1,191
Открытые issues
146
Последний коммит
5 часов назад

Что это?

Redux DevTools позволяет разработчикам проверять каждое действие, отправленное в Redux store, и видеть, как в ответ меняется состояние. Его также можно использовать с другими архитектурами управления изменениями состояния, если подключить их через API интеграции.

Проект доступен в трёх вариантах: расширение для Chrome, Edge и Firefox, отдельное настольное приложение и компонент React, который можно встроить непосредственно в клиентское приложение. У расширения и компонента общий настраиваемый интерфейс с мониторами дерева состояния и истории действий.

Разработчики могут повторно воспроизводить записанные действия, пошагово просматривать предыдущие состояния и горячо перезагружать редьюсеры, сохраняя текущее состояние. Репозиторий организован как pnpm-монорепозиторий; в README описана сборка всех пакетов или только тех, которые нужны для конкретного изменения.

Ключевые возможности

  • 01Расширение для Chrome, Edge и Firefox
  • 02Отдельное приложение и встраиваемый компонент React
  • 03Повторное воспроизведение действий и пошаговый просмотр предыдущих состояний
  • 04Горячая перезагрузка редьюсеров с сохранением состояния
  • 05Настраиваемый интерфейс и мониторы
  • 06Интеграции с менеджерами состояния помимо Redux

Сценарии использования

  • Отладка изменений состояния в React-приложении, использующем Redux
  • Повторное воспроизведение последовательности действий пользователя для воспроизведения ошибки
  • Встраивание инспектора состояния во внутренний инструмент
  • Удалённая проверка состояния из среды, не связанной с браузером

Быстрый старт

  1. 1

    Установите расширение для браузера из магазина Chrome, Edge или Firefox

  2. 2

    Установите pnpm с сайта pnpm

  3. 3

    Установите зависимости монорепозитория

    pnpm install
  4. 4

    Соберите все пакеты

    pnpm run build:all

Что важно знать

  • Расширение для браузера доступно только для Chrome, Edge и Firefox.
  • Для сборки из исходного кода требуется pnpm и предварительная сборка всех пакетов, поэтому этот способ в первую очередь предназначен для участников проекта.

Темы

#redux#debugging#react#browser-extension#state-management#developer-tools

Частые вопросы

Что такое redux-devtools?
Расширение для браузера и компонент React для анализа состояния Redux, повторного воспроизведения действий и горячей перезагрузки. Redux DevTools позволяет разработчикам проверять каждое действие, отправленное в Redux store, и видеть, как в ответ меняется состояние. Его также можно использовать с другими архитектурами управления изменениями состояния, если подключить их через API интеграции.
redux-devtools можно использовать бесплатно? Какая у него лицензия?
redux-devtools распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
redux-devtools всё ещё поддерживается?
Активно поддерживается. Последний коммит в redux-devtools — 21 окт. 2026 г..
Для чего можно использовать redux-devtools?
Отладка изменений состояния в React-приложении, использующем Redux Повторное воспроизведение последовательности действий пользователя для воспроизведения ошибки Встраивание инспектора состояния во внутренний инструмент Удалённая проверка состояния из среды, не связанной с браузером
Как установить redux-devtools?
Установите расширение для браузера из магазина Chrome, Edge или Firefox Установите pnpm с сайта pnpm Установите зависимости монорепозитория: pnpm install Соберите все пакеты: pnpm run build:all
Где скачать redux-devtools?
Исходный код и инструкции по установке — на GitHub: https://github.com/reduxjs/redux-devtools

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты