¿Cuándo debemos usar UseReducer?
Te recomendamos que antes de ver este video veas los otros dos posts donde aprenderemos a manejar el state en React: : React State and Updating React State.
Es muy importante que tengamos claros todos los conceptos explicados en estas publicaciones para comprender por qué a veces debemos renunciar a usar el hook useState y usar el hook useReducer para administrar el state en React.
En la imagen de arriba puedes leer las razones por las que nos vemos obligados a usar useReducer en lugar de useState.
- A veces, debemos manejar un state más complejo, por ejemplo, si tiene varios states, varias formas de cambiarlo o dependencias de otros states.
- useState() a menudo se vuelve difícil o propenso a causar errores al ustilizarlo: es fácil escribir código incorrecto, ineficiente o con errores en tales escenarios.
- useReducer() se puede usar como reemplazo de useState() si necesitas una «administración del state más poderosa»
Debemos tener claros todos estos conceptos y entender cómo debemos manejar el state en React porque de lo contrario, podemos terminar escribiendo código que aparentemente funciona correctamente pero que en ocasiones puede dar lugar a errores difíciles de solucionar. Es fundamental saber que React actualiza el state de los componentes de forma asíncrona y debemos manejar estas situaciones correctamente.
En el video, podemos ver que, al principio, estamos manejando el state usando el hook useState y el hook useEffect. De esta forma, estamos manejando perfectamente el state ya que useEffect maneja los states del componente funcional como dependencias. Esto garantiza que siempre estearemos manejando los últimos valores almacenados en los states, ya que este método, useEffect, solo se ejecutará cuando cambie el valor de las dependencias que maneja, en este caso, los diferentes states.
Dejar un comentario
¿Quieres unirte a la conversación?Siéntete libre de contribuir!