Curso de React Router y Redux

Clases del Curso de React Router y Redux

Instruido por:
Oscar Barajas Tavares
Oscar Barajas Tavares
Básico
3 horas de contenido
Ver la ruta de aprendizaje
Curso de React Router y Redux

Curso de React Router y Redux

Progreso del curso:0/29contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/29contenidos(0%)

Bienvenida al curso

Material Thumbnail

Todo lo que aprenderás sobre React Router y Redux

01:30 min

¿Qué es React Router? y Aplicarlo en tus proyectos

Material Thumbnail

¿Qué es React Router y cómo instalarlo?

02:54 min

Material Thumbnail

Crear nuestro archivo de Rutas

07:33 min

Material Thumbnail

Container: Login

10:29 min

Material Thumbnail

Container: Register

06:28 min

Material Thumbnail

Container: 404 Not Found

06:43 min

Material Thumbnail

Componente: Layout

05:10 min

Material Thumbnail

Manejando enlaces y configuraciones

06:33 min

¿Qué es Redux?

¿Qué es Redux? Profundizando en la herramienta

01:32 min

Material Thumbnail

Instalación de Redux

04:40 min

Material Thumbnail

Creando el Store de Redux

12:53 min

Aplicando Redux a nuestra aplicación

Material Thumbnail

Creando los reducers

10:40 min

Material Thumbnail

Finalizando reducers y eliminar favoritos

08:26 min

Material Thumbnail

Debuggeando nuestro proyecto (agregando validaciones a nuestro componente card)

04:19 min

Material Thumbnail

Crear Formulario de Login

10:08 min

Material Thumbnail

Formulario de Login con Redux

06:28 min

Material Thumbnail

Creando un Servicio para Gravatar

05:28 min

Material Thumbnail

Uso de gravatar en nuestro proyecto

07:16 min

Material Thumbnail

Validación para LogIn LogOut

09:15 min

Material Thumbnail

Register con Redux

04:17 min

Material Thumbnail

Vista general del player

05:26 min

Material Thumbnail

Arreglando la funcionalidad del player

06:55 min

Material Thumbnail

Terminando de detallar nuestro player

13:50 min

Material Thumbnail

Validaciones de UI

07:04 min

Material Thumbnail

Debug con Redux Devtools

05:57 min

Cierre del curso

Material Thumbnail

Cierre del Proyecto

00:39 min

nuevosmás votadossin responder
Gustavo Gonzalez Montero
Gustavo Gonzalez Montero
Estudiante

Alguien me puede explicar con peras y manzanas porque en esta ocasión usamos una arrow function en mapStateToProps para sacar el usuario, y en otras ocaciones usamos un objeto que usamos como parámetro en el connect?

const mapStateToProps = state => {
  return {
    user: state.user
  }
}

export default connect(mapStateToProps, null)(Header)

Lo que entiendo es que del contenedor Login nos conectamos al otro contenedor Home que tiene al componente Header donde “supongo” que va a “traer” consigo ya cargado el usuario (en las props del state).

¿Es así o cómo se podría explicar de una manera simple?

1
Duilio Sotelo
Duilio Sotelo
Estudiante

Saben por que no hace nada al darle click al boton?

1
Joel Eduardo Sánchez Herrera
Joel Eduardo Sánchez Herrera
Estudiante

Hola! Una duda gramatical, no seria RETURN IMPLICITO? ya que no dice de forma explicita que es UN RETURN?.

1
Johnnie Esteban López Correa
Johnnie Esteban López Correa
Estudiante

En el curso de de redux con Bedu usaban el método dispatch() justo en cada actions, pero aquí nunca lo usa,
entonces en ¿en Qué casos se utiliza el método de dispatch()?

1
Manuel Felipe Alzate Salazar
Manuel Felipe Alzate Salazar
Estudiante

Chicos, me anda saliendo este error ¿Alguien sabe a qué se deba?
He revisado el código 300 veces y sigue sin funcionar.
El error aparece al darle click al botón plus, no se agrega a myList.

index.js:11 Uncaught TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))
    at _iterableToArray (index.js:11)
at _toConsumableArray (index.js:5)
at reducer (index.js:27)
atdispatch (redux.js:298)
at Object.boundActionCreators.<computed> [as setFavorite] (bindActionCreators.js:13)
at handleSetFavorite (CarouselItem.jsx:29)
at HTMLUnknownElement.callCallback (react-dom.development.js:3945)
at Object.invokeGuardedCallbackDev (react-dom.development.js:3994)
at invokeGuardedCallback (react-dom.development.js:4056)
at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4070)
2
Sura Naileth Cedeño Lopez
Sura Naileth Cedeño Lopez
Platzi Team

Y con una Api real como queda el initialState… porque me da vacío 😦

2
Saul Alejandro Sanchez Garcia
Saul Alejandro Sanchez Garcia
Estudiante

No entiendo muy bien la aprte de action.payload, osea porque lo utiliza, alguien que pueda ayudarme con eso?

3
Saul Alejandro Sanchez Garcia
Saul Alejandro Sanchez Garcia
Estudiante

Por que usa isList, de donde lo saca?

1
cindy yurley caceres parada
cindy yurley caceres parada
Estudiante

cuando las rutas no cargan solo en blanco teniendo el switch implementado que puede ser???

1
Matias Zurita
Matias Zurita
Estudiante

Screenshot_43.png
tengo este error al iniciar el proyecto

1