https://jsonplaceholder.typicode.com/comments?postId=${selecionada.id}
Bienvenido al curso
Conoce a tu profesor y todo lo que aprenderás sobre Redux
¿Qué conocimientos me recomiendan para tomar este curso?
Repaso React
¿Qué es React y cómo funciona?
Preparando nuestro entorno de trabajo
Creación de la app con React
Agregando funciones a la app con React
Stateful vs Stateless
Ciclo de vida de React
Manejando promesas
React Router DOM
Introducción a Redux
¿Qúe es Redux, cuándo usarlo y por qué?
Fases de Redux
Introducción: las fases de Redux
Store
Reducers
Conexión a un componente
Action Creators
Redux Thunk
Explicación teórica: ciclo completo de Redux
Práctica: ciclo completo de Redux
Fases Extra
Archivos Types
Try Catch
Escenarios asíncronos
Componente Spinner
Componente Fatal
Tabla como componente
Compartir información en Redux
Introducción Compartir información en Redux
Parámetros por URL
Compartir Reducer
Múltiples Reducers
Llamando a múltiples reducers en una acción
Uso del estado en la acción
Evitar segundas búsquedas
Inmutabilidad
Evitar sobrescritura
Validación compuesta
Validación de errores
Modificando respuesta de url
Estado con interacción
Mostrar componentes dinámicamente
Llamadas asincronas dinámicas
Props por herencia vs estado
Estado compartido
Métodos HTTP
Introducción a métodos HTTP
Nuevo ciclo Redux
Normalizar datos
Mapear Objetos
Componente para agregar tarea
Manejar inputs con Reducer
POST
Deshabilitando botón
Redireccionar
Reutilizar componentes
PUT
DELETE
Últimos detalles
Conclusión
Conocimientos adquiridos
Qué hacer a continuación
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Aportes 14
Preguntas 3
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
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
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.
Aqui les dejo el enlace de los comentarios
https://jsonplaceholder.typicode.com/comments?postId=1
https://jsonplaceholder.typicode.com/comments?postId=${seleccionada.id}
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.