Repolode
Enviar
reduxjs

reduxjs/redux-devtools

Extensión de navegador y componente de React para inspeccionar el estado de Redux, reproducir acciones y recargar código en caliente.

Ver en GitHubSitio web
Estrellas
14,370
Forks
1,191
Issues abiertos
146
Último commit
hace 5 horas

¿Qué es?

Redux DevTools permite inspeccionar cada acción enviada a un store de Redux y ver cómo cambia el estado en respuesta. También se puede usar con otras arquitecturas que gestionen cambios de estado, siempre que se conecten mediante sus APIs de integración.

El proyecto está disponible en tres formatos: una extensión de navegador para Chrome, Edge y Firefox, una aplicación independiente de escritorio y un componente de React que se puede integrar directamente en una aplicación cliente. La extensión y el componente comparten una interfaz personalizable con monitores de árboles de estado e historiales de acciones.

Los desarrolladores pueden reproducir las acciones registradas, recorrer los estados anteriores y recargar los reducers en caliente conservando el estado actual. El repositorio es un monorepo de pnpm, y el README explica cómo compilar todos los paquetes o solo los necesarios para un cambio concreto.

Funciones clave

  • 01Extensión de navegador para Chrome, Edge y Firefox
  • 02Aplicación independiente y componente de React integrable
  • 03Reproducción de acciones y recorrido de estados anteriores
  • 04Recarga en caliente de reducers conservando el estado
  • 05Interfaz y monitores personalizables
  • 06Integraciones con gestores de estado distintos de Redux

Casos de uso

  • Depurar cambios de estado en una aplicación de React que usa Redux
  • Reproducir una secuencia de acciones del usuario para replicar un error
  • Integrar un inspector de estado en una herramienta interna
  • Inspeccionar el estado de forma remota desde un entorno que no sea un navegador

Inicio rápido

  1. 1

    Instala la extensión del navegador desde la tienda de Chrome, Edge o Firefox

  2. 2

    Instala pnpm desde el sitio web de pnpm

  3. 3

    Instala las dependencias del monorepo

    pnpm install
  4. 4

    Compila todos los paquetes

    pnpm run build:all

Antes de usarlo

  • La extensión del navegador solo está disponible para Chrome, Edge y Firefox.
  • Compilar desde el código fuente requiere pnpm y compilar primero todos los paquetes, por lo que está pensado principalmente para colaboradores.

Temas

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

Preguntas frecuentes

¿Qué es redux-devtools?
Extensión de navegador y componente de React para inspeccionar el estado de Redux, reproducir acciones y recargar código en caliente. Redux DevTools permite inspeccionar cada acción enviada a un store de Redux y ver cómo cambia el estado en respuesta. También se puede usar con otras arquitecturas que gestionen cambios de estado, siempre que se conecten mediante sus APIs de integración.
¿redux-devtools es gratuito? ¿Qué licencia tiene?
redux-devtools es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿redux-devtools sigue mantenido?
Mantenimiento activo. El último commit de redux-devtools fue el 21 oct 2026.
¿Para qué puedo usar redux-devtools?
Depurar cambios de estado en una aplicación de React que usa Redux Reproducir una secuencia de acciones del usuario para replicar un error Integrar un inspector de estado en una herramienta interna Inspeccionar el estado de forma remota desde un entorno que no sea un navegador
¿Cómo se instala redux-devtools?
Instala la extensión del navegador desde la tienda de Chrome, Edge o Firefox Instala pnpm desde el sitio web de pnpm Instala las dependencias del monorepo: pnpm install Compila todos los paquetes: pnpm run build:all
¿Dónde consigo redux-devtools?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/reduxjs/redux-devtools

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados