react-puro-19
  • React Puro - 19
  • code
    • README
    • README
    • README
    • README
    • README
    • README
    • README
    • README
  • 7-state-en-clases
    • Ejemplo inicial: un contador
    • Manejo de eventos
    • El state
    • Sintaxis limpia en Class Components
    • setState es Asincrónico
    • Fusión superficial vs profunda
  • 5-children
    • Personalizar Children antes de renderizar
    • PropTypes para Children
    • Los Children
    • Diferentes tipos de Children
    • Manejando uso Children
  • 13-hook-usereducer
    • Qué es un Reducer?
    • Un ejemplo más practico
    • Entonces, Redux murió?
  • 4-proptypes
    • Documentación y depuración incluida
    • PropTypes como documentación
    • Cómo validar, formas comunes
    • Ejemplo Tweet con PropTypes
  • 3-props
    • Comunicación con componentes Padre
    • Las Props:
    • Pasar Props
    • Recibir Props
    • Ejemplo Tweet con Props
  • 11-pensando-uso-state
    • "Tipos" de componentes
    • Qué colocar en el State
    • Dónde mantener el estado
    • Pensando declarativamente
  • 9-requests-api
    • Intro
    • Eligir libreria HTTP
    • Obtener datos y mostrarlos
  • 10-state-en-funciones
    • El useState Hook
    • Actualizar State basado en State anterior
    • State como un Array
    • Reglas de los Hooks
    • La "magia" de los Hooks
    • State como un Objeto
    • Intro Hooks
  • 15-api-context
    • Usando React API Context
    • Patrón "Slots"
    • Patrón "Render Props"
    • Intro API Context
    • Otros Patrones de Context
    • Ejemplo perforación de props
    • hook_usecontext
  • 8-ciclo-vida-componente
    • Fases
    • El ciclo
    • Manejo de errores
    • Desmontaje
    • Representación
    • Montaje
  • 14-hook-useeffect
    • Límite cuando se ejecuta un Effect
    • Hacer cambios visibles del DOM
    • Obtener datos (Fetch) con useEffect
    • Intro useEffect
    • Re-obtener datos (Re-Fetch) cuando cambian
    • Solo ejecución en montaje y desmontaje
  • 2-jsx
    • Ejemplo componente Tweet:
    • JSX:
    • Trabajando con JSX:
  • 12-controles-entrada
    • Entradas controladas
    • Entradas no controladas
  • 6-github-file-list
    • Parte 2: la Prop 'key'
    • Parte inicial
  • 1-hola_mundo
    • Hola mundo:
Con tecnología de GitBook
En esta página

¿Te fue útil?

  1. 13-hook-usereducer

Entonces, Redux murió?

El primer pensamiento al ver el hook useReducer es algo así como... "bueno, React tiene reductores integrados ahora, y tiene la API Context para pasar datos, así que Redux está muerto!" Hay reflexionar sobre eso aquí.

No se cree que useReducer matará a Redux más de lo que la API Context mató a Redux (no lo hizo). Se cree que useReducer amplía aún más las capacidades de React en términos de gestión del estado, por lo que los casos en los que realmente se necesita Redux podrían reducirse.

Redux proporciona un almacen (store) global donde pueden mantenerse los datos de la aplicación centralizados. useReducer está localizado en un componente específico. Sin embargo, nada impide construir un propio mini-Redux con useReducer y useContext.

Redux todavía hace más que Context + useReducer combinado: tiene las herramientas de desarrollo (Redux DevTools) para depuración agradable y middleware para personalización, y un ecosistema completo de librerias auxiliares. El otro gran beneficio es que Redux incluye optimizaciones de rendimiento de forma predeterminada, mientras que con la API Context debe tenerse cuidado para evitar el renderizado con demasiada frecuencia.

Puede argumentarse con seguridad que Redux se usa en muchos lugares donde es excesivo (incluyendo ejemplos simples que enseñan cómo usarlo), pero puede todavía tiene un poder de adherencia a usarse.

AnteriorUn ejemplo más practicoSiguiente4-proptypes

Última actualización hace 5 años

¿Te fue útil?