Actualizado: React-Redux + Context

Name: Actualizado: React-Redux + Context
Rating: 4.3 (60 reviews)

Redux-Context

Created byCarlos Loaiza Hernandez

Last updated 12/2020

Spanish

What you'll learn

Al finalizar el curso sabras que es Redux, para que sirve, como implementarlo
Instalacion de herramientas para desarrollar con redux
Que son los Actions
Que son los Reducers
Que es el Store
Manejo de redux con peticiones asincronas
React hooks (useSelector y useDispatch)
Al finalizar desarrollaremos 2 pequeñas aplicaciones utilizando react con redux

Course content

4 sections • 23 lectures • 1h 43m total length

Que es redux y cual es su forma de trabajo4:22
Tras completar esta clase el estudiante tendrá un entendimiento teórico de lo que es Redux como trabaja y que problemática nos ayuda a resolver

Inicializacion de nuestro proyecto e instalacion de las dependencias necesarias2:11
Al terminar este vídeo tendremos creado nuestro proyecto para poder empezar a trabajar con el
Explicación de nuestra Todo App0:29
Explicacion de nuestra Todo App
Actions5:19
Al terminar este vídeo tendremos lista nuestra action para utilizarla posteriormente
Reducers5:18
Al finalizar este vídeo tendremos nuestro Reducer
Reducers parte 22:55
Continuamos con nuestra configuracion para nuestro rootReducer
Store1:52
En este video generamos nuestro Store
Envolviendo nuestra aplicación2:11
Al finalizar este vídeo tendremos encapsulada nuestra aplicación en redux
Redux dev tools2:31
Instalaremos la herramienta redux dev tools para poder ver nuestro estado de redux en las herramientas de desarrollador
Preparando formulario para usar nuestras actions8:52
En este video crearemos nuestro formulario
Disparando nuestra action para agregar tareas a nuestra lista2:41
En este vídeo estaremos vinculando nuestra action al formulario para agregar elementos a nuestra lista de tareas
Finalizando la todo app: Disparando accion para borrar elementos de la lista.5:12
Finalmente generaremos y utilizaremos la action para borrar elementos de nuestra lista, con esto estamos concluyendo nuestra app y también la primera sección del curso

Introducción al proyecto y revisando inconvenientes con peticiones Asíncronas2:23
Vídeo introductorio a redux con peticiones Asincronas
Como va a funcionar nuestro proyecto e instalando dependencias2:06
Revisaremos de que va nuestro proyecto e instalaremos las dependencias necesarias
Instalacion de axios0:26
Adicional a las instalaciones anteriores instalaremos también axios
Informacion de la api y api key1:44
Obtendremos la api key y la información de la api que consumiremos
Actions4:23
Generaremos nuestras actions dentro de las cuales estaremos realizando nuestra petición a la api del clima
Reducers3:57
Generaremos nuestros reducers asi mismo configuramos el rootReducer
Store, Compose, Redux Thunk y ApplyMiddleware,3:59
Este vídeo es muy importante ya que en el veremos la configuración para las llamadas a la api ya que sin estas configuraciones las actions que realicen una llamada asíncrona nos devolverían un error
Envolver nuestra aplicacion3:29
Construyendo nuestro formulario6:12
Finalizando la app Mostrar los resultados de la busqueda7:26
Gracias!! espero este curso haya sido de tu agrado

Requirements

Tener conocimientos de Javascript
Tener conocimientos de React js

Description

ACTUALIZADO:

Actualmente las aplicaciones de JS cada ves son mas robustas es por eso que mantener tanta información en el navegador se podría volver un tanto complejo es por eso que Redux esta aquí para ayudarte a mantener toda esta información y lo mas genial es que toda la información que quieras almacenar con ayuda de redux sera mucho mas accesible y fácil de manejar.

BONUS CONTEXT

Who this course is for:

Desarrolladores que quieran entender el flujo de los datos en Redux

Actualizado: React-Redux + Context

What you'll learn

Explore related topics

Course content

Introduccion1 lecture • 4min

Todo App11 lectures • 40min

App de Clima10 lectures • 36min

Bonus: Context1 lecture • 24min

Requirements

Description

Who this course is for: