Logo de Código Facilito
  • Inicio
  • Replays
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Curso para desarrollo de apps con React Native!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso para desarrollo de apps con React Native

Video La arquitectura Redux

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

Redux, además de una librería, es una arquitectura. Como tal, Redux define cómo se puede actualizar la información de la aplicación, lo que antes describimos como el estado de la interfaz.

En una aplicación tradicional, particularmente una con múltiples componentes y cambios constantes a la misma, puede terminar siendo confuso qué componente está actualizando la información, cómo se realizaron los cambios, dónde se perdieron datos, cómo reestablecerlos, etc. Redux define un camino unidreccional para realizar cambios al store, esta característica te permite identificar de manera clara qué y cómo se modifica la información de la aplicación misma.

En el core, Redux coloca al store o almacén, el store contiene el state o el estado de la aplicación, que no es más que las variables y sus modificaciones mientras el usuario ha estado utilizando la interfaz.

Para modificar el store, únicamente podemos hacerlo a través del envío o dispatch como diríamos en Redux, de acciones. Las acciones son objetos JSON que, por un lado, indican qué tipo de cambio se hará, y por otro proveen de los datos para realizar dicho cambio sobre el store. En pocas palabras un action describe la modificación al store, así que si deseas modificar algo del mismo, tendrías que enviar un action describiendo la modificación que deseas que se realice.

Las modificaciones se dan en el reducer, una función central y pura, que recibe acciones además de un estado, y retorna un nuevo estado basado en las acciones que debía realizar, en el reducer es que tenemos que hacer los cambios apropiados en el state.

  • check_circle_outline
    Módulo 1 | 5 clases

    Introducción

    expand_more
  • check_circle_outline
    Módulo 2 | 4 clases

    Configuración del entorno para Windows

    expand_more
  • check_circle_outline
    Módulo 3 | 3 clases

    Configuración del entorno para MacOS

    expand_more
  • check_circle_outline
    Módulo 4 | 3 clases

    Configurando el proyecto

    expand_more
  • check_circle_outline
    Módulo 5 | 6 clases

    Autenticación de usuarios

    expand_more
  • check_circle_outline
    Módulo 6 | 6 clases

    Navegación

    expand_more
  • check_circle_outline
    Módulo 7 | 4 clases

    Layout

    expand_more
  • check_circle_outline
    Módulo 8 | 8 clases

    Material Design y Theming

    expand_more
  • check_circle_outline
    Módulo 9 | 6 clases

    Redux

    expand_more
    • done_all

      Clase 1

      La arquitectura Redux

    • done_all

      Clase 2

      Configurar el store

    • done_all

      Clase 3

      Configurar react-redux

    • done_all

      Clase 4

      Action creators

    • done_all

      Clase 5

      Guardar usuario logueado

    • done_all

      Clase 6

      Cerrar sesión

  • check_circle_outline
    Módulo 10 | 7 clases

    Almacén de datos con Firestore

    expand_more
  • check_circle_outline
    Módulo 11 | 5 clases

    Colecciones y listas

    expand_more
  • check_circle_outline
    Módulo 12 | 14 clases

    Proyecto de Intercambios de Regalo

    expand_more

La arquitectura Redux

arrow_back Siguiente arrow_forward
Curso para desarrollo de apps con React Native