Bienvenido al curso

1

Conoce a tu profesor y todo lo que aprenderás sobre Redux

2

¿Qué conocimientos me recomiendan para tomar este curso?

Repaso React

3

¿Qué es React y cómo funciona?

4

Preparando nuestro entorno de trabajo

5

Creación de la app con React

6

Agregando funciones a la app con React

7

Stateful vs Stateless

8

Ciclo de vida de React

9

Manejando promesas

10

React Router DOM

Introducción a Redux

11

¿Qúe es Redux, cuándo usarlo y por qué?

Fases de Redux

12

Introducción: las fases de Redux

13

Store

14

Reducers

15

Conexión a un componente

16

Action Creators

17

Redux Thunk

18

Explicación teórica: ciclo completo de Redux

19

Práctica: ciclo completo de Redux

Fases Extra

20

Archivos Types

21

Try Catch

22

Escenarios asíncronos

23

Componente Spinner

24

Componente Fatal

25

Tabla como componente

Compartir información en Redux

26

Introducción Compartir información en Redux

27

Parámetros por URL

28

Compartir Reducer

29

Múltiples Reducers

30

Llamando a múltiples reducers en una acción

31

Uso del estado en la acción

32

Evitar segundas búsquedas

33

Inmutabilidad

34

Evitar sobrescritura

35

Validación compuesta

36

Validación de errores

37

Modificando respuesta de url

38

Estado con interacción

39

Mostrar componentes dinámicamente

40

Llamadas asincronas dinámicas

41

Props por herencia vs estado

42

Estado compartido

Métodos HTTP

43

Introducción a métodos HTTP

44

Nuevo ciclo Redux

45

Normalizar datos

46

Mapear Objetos

47

Componente para agregar tarea

48

Manejar inputs con Reducer

49

POST

50

Deshabilitando botón

51

Redireccionar

52

Reutilizar componentes

53

PUT

54

DELETE

55

Últimos detalles

Conclusión

56

Conocimientos adquiridos

57

Qué hacer a continuación

Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso de Redux por Bedu

Curso de Redux por Bedu

Rodolfo Saldivar

Rodolfo Saldivar

Qué hacer a continuación

57/57
Recursos

¡Felicitaciones por terminar el Curso de Redux por Bedu!

"Queremos que sigas practicando:

  • Puedes usar todo el CSS que quieras incluyendo frameworks como Bootstrap o Materialize.
  • Usa más iconos que tu UI se vea muy agradable.
  • Puedes usar librerías, pero si lo puedes hacer a mano sin una librería sería muchísimo mejor.
  • Reqres es similar a JSONPlaceholder
  • Si ya tienes proyectos hechos con React añádeles Redux usando lo que aprendiste en este asombroso curso."

Sabemos que ha sido un largo camino pero estamos seguros de que valió la pena y nunca vas a parar de aprender.

Aportes 44

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Hola! Antes que todo, el curso estuvo genial, me quedó más claro cómo se usa Redux. Muchas gracias. Rodolfo.

Quiero mostrarles cómo quedó mi proyecto. Lo complemente un poco con Bootstrap.
https://blog.luislirac.now.sh/

Para que dejará de aparecer lo de “Usuario 1, Usuario 2” en la vista de todas las tareas agregué al action de traer todas el getState, tomé los datos de users y le agregué el nombre de cada cada usuarios. Dejo el código:

export const getAllTasks = () => async (dispatch,getState) => {
    dispatch({
        type: LOADING
    })
    const {users} = getState().usersReducer
    try {
        const data = await fetch("https://jsonplaceholder.typicode.com/todos").then(response => response.json())
        
        const toDos = {}
        data.map(task => {
            return(
                toDos[task.userId] = {
                    ...toDos[task.userId],
                    userName: users[ task.userId-1 ].name, /* Aquí es donde se agrega el nombre de cada usuario */
                    [task.id]: {
                        ...task,
                    }
                }
            )
        })
        dispatch({
            type: GET_ALL_TASKS,
            payload: toDos
        })
    } catch (error) {
        dispatch({
            type: ERROR,
            payload: "Información no disponible"
        })
    }
}

Hola compañeros les comparto mi demo del proyecto.
https://platzi-bedu-blog.now.sh

Hubiera complementado un poco más el curso usando la extensión de Redux devtools y además viendo algunas librerías como la de immutable.js, normalizr, entre otras

Excelente curso !!!.
Debo de profundizar la inmutabilidad y también desestructuración de objetos y arrays.
Comparto mi proyecto del curso con un resumen de los conceptos de React y Redux en en el readme.md
https://github.com/ArielAyala/blog_platzi_react_redux

Ya me dio sueño tanto redux, es bueno saberlo, pero me gusta más los react hooks y quizás usar apollo y otras cosas 😮

Hola compañeros, veo que algunos desplegaron el proyecto utilizando now, de momento no he realizado este curso, no obstante, les comparto este repositorio en github de lo hecho, veo algunas inconsistencias con la URL pero pueden observar la lista de usuarios y tareas:
Proyecto del curso (de momento con gh-pages)
Pronto lo haré con now.sh ya que es el mecanismo ideal 😃
gracias al profesor y a los compañeros por sus aportes durante el curso.

Si, la verdad al principio es bastante confuso, pero una vez hecha toda la estructura de redux se hace mas llevadero y fácil el agregar nuevos estados al proyecto

Termino el curso y me quedo un poco confuso tratare de ensenar en youtube lo aprendido hasta ahora con palabras las entendibkes para personas como yo que son un poco especiales xd si deseas puedes ir a ayudarme
Mi canal de youtube

ahora existe una redux se usa con hooks. useDispatch y useSelector
Curso de redux con Hooks (English)

Buen curso 😃

Para mi fue uno de los cursos más desafiantes, y largo. El profesor explico muy claro el contenido, aunque hay cosas que al verlas por primera vez a uno le cuestan un poco. Quede muy contento con el curso, pese a las dificultades que me toco afrontar.

Muy buen curso! Disfruté hacerlo. Ahora al examen! Muchas gracias Rodolfo por la buena onda!

Si llegaste hasta acá es porque te rompiste la cabeza intentando aprender al igual que yo, y le doy muchas gracias al profe y a platzi por darme esta oportunidad, Gracias a la comunidad que hay y me gustaría poder seguir aprendiendo con ustedes así que acá le dejo mi Twitter para que me contacten y hagamos de este nuestro futuro.
https://twitter.com/LuisAndres1407

Para mi fue un buen curso, hasta ahora el que más demando investigación y ver una y otra vez los videos para entender los temas, es satisfactorio poder terminar ahora queda practicar y pulir los aprendizajes y dudas.

Este curso es increible! Me encanto!

En mi caso debo profundizar en destructuración e inmutabilidad, creo que el objetivo de este curso no era profundizar en esos temas así que lo hice un poco en automático. Por lo demás, estuvo excelente!

Muchas Gracias por el curso el profesor es muy bueno explicando.

Excelente curso es genial este contenido, vale mucho, aprendí realmente bastante, sirve para aprender a guiarnos de la documentación muy bien, explican conceptos cheveres que crean mas curiosidad por aprender más

Hoy existe Redux Toolkit. Es una forma no boilerplate de usar Redux.
Sin embargo considero que el curso es más esencial, pues se puede ver a Redux desde su corazón, en el uso.

El profesor es Excelente para éste curso. Se nota su avanzado conocimiento en JS, React y Redux. Y aunque en el trascurso del curso se fue a muchos temas que creaban confusión, más adelante todo tenía más sentido!
Excelente!

Hola @RodolfoSaldivar gracias aprendi mucho en el curso! queria preguntar que librerias recomiendas para manejar la inmutabilidad si bien en unas clases pasadas dijiste que lo habiamos hecho con javascript puro pero que se podia hacer con alguna libreria. gracias

Que buen curso donde puede aprender algo nuevo !

Muchas gracias Rodolfo, excelente curso

Excelente curso, muchas gracias por todas las enseñanzas. 🙂

Fue un largo camino de aprendizaje pero por fin termine el curso y me siento orgullo de entender muchas cosas de lo que es redux y obviamente plantearme que mas debo aprender de el, gracias por todas las enseñanzas

Buen curso aprendi mucho

Muchas gracias, excelente curso 😄. Ahora a practicar.

Excelente curso! aprendi bastante.

Por fin entiendo Redux! 😄

gracias

Fue uno de los cursos más dificiles que he tomado, pero me alegra haber entendido sobre que es redux y como usarlo, al principio me dolia la cabeza de intentar entenderlo, pero con los multiples ciclos que realizamos, empece a dominarlo.
Este curso aunque no cubrio ciertos aspectos que indicaban algunos compañeros, hubiese sido mucho más complejo de entender de lo que ya es.
Gracias al profesor de hacer que podamos entender de manera muy sencilla sobre este tema.

GRACIAS… ❤️

Muchas gracias, buen curso! ❤️

jaja gracias por recordarme comer sano

Me siento orgulloso de mi mismo, por haber llegado hasta aquí, fue un camino super duro, pero enormemente gratificante

Muy buen curso muchos cursos anteriores sirvieron de complemento para el curso que acabo de terminar

Me siento feliz por seguir aprendiendo màs sobre Redux.

Buen curso, ahora a ponerlos en practica!

Bastante extenso pero se aprendió mucho. Gracias

muy extenso pero todo bien

Al principio fue muy difícil, dándome cuenta que es información nueva para mi, pero al paso del curso y repasando fui comprendiendo los conceptos la verdad excelente curso profesor

Excelente curso.

Buen profesor. Debemos aprender a trabajar sin usar tantas librerías, hay que aprender como es que funcionan las cosas desde cero

a la mitad del proyecto el código se veía bien raro pero con el tiempo ya podemos entender el flujo y cómo se trabaja con redux.