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

Llamadas asincronas dinámicas

40/57
Recursos

Aportes 14

Preguntas 3

Ordenar por:

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

https://jsonplaceholder.typicode.com/comments?postId=${selecionada.id}

en el minuto 4:28 el profe hace un console.log automático esto es gracias a una extensión de vscode se las dejo por si les interesa
https://marketplace.visualstudio.com/items?itemName=dotcypress.console-log

  1. Terminamos el actions traerComentarios() que va a buscar los comentarios de la publicacion que se le dio click. Y este retorna todas las publicaciones pero modifica el atributo comentarios de la publicación que se le dio CLICK

  2. En el componente validamos si todavía no están los comentarios en el estado llamamos al actions creators para traer los comentarios de esta publicación y si ya están no los busques

Conclusión: Terminamos el actions traerComentarios() que va a buscar los comentarios de la publicación que se le dio click. Y este retorna todas las publicaciones pero modifica el atributo comentarios de la publicación que se le dio CLICK

Si se practica se entiende

Tengo una duda con estas tres lineas:

 const publicaciones_actualizadas = [...publicaciones];

  publicaciones_actualizadas[pub_key] = [...publicaciones[pub_key]];

  publicaciones_actualizadas[pub_key][com_key] = actualizada;

Explico lo que entiendo, la primera linea para lograr la inmutabilidad estamos creando un nuevo array con las publicaciones.
En la tercera linea estamos actualizando la publicacion seleccionada con lo actualiado.

Pero para que sirve la segunda linea, esto no lo hace ya la primera? (segun entiendo yo la segunda linea lo que hace es actualizar una publicacion especifica, pero esto lo hace ya la primera al actualizar todo).

Hacer la prueba de lo que digo si en vuestro codigo comentan la segunda linea, todo funciona tal cual.

No seria mejor ejecutar un solo action que abra o cierre y además que traiga los comentarios?
Mejor dicho, un solo Action en vez de los dos

Mientras mas practica mas se entiende.

Excelente muy genial la clase

Se entiende un poco mejor que la clase anterior, sin embargo, recomiendo usar un debugger para ver un paso a paso de cada cosa del código.
·
Redux es complejo. Pero vamos que sí podemos

@RodolfoSaldivar en el caso de que se cree un comentario nuevo no se mostraría hasta recarga la pagina no? ya que con la validacion, al tener comentarios no hace de nuevo el get.

En este video se entiende mucho mejor :3

Excelente clase. 🙂

excelente clase