Curso de Redux por Bedu

Clases del Curso de Redux por Bedu

Instruido por:
Rodolfo Saldivar
Rodolfo Saldivar
Básico
7 horas de contenido
Ver la ruta de aprendizaje
Platzi Blog
Proyecto del curso
Platzi Blog

Aprende a usar el ciclo completo de Redux creando una conexión a un api gratuito para obtener datos para tu Platzi Blog. Crea y configura el almacenamiento principal, conecta componentes para optimizar el funcionamiento de tu blog. Utiliza llamadas asíncronas y prepara sus fases obligatorias, utiliza diversos enfoques de desarrollo para que veas diferentes alternativas. Codifica con varias estructuras y decide cuál te gusta más. Entiende el ciclo completo y adáptalo a nuevos proyectos.

Curso de Redux por Bedu

Curso de Redux por Bedu

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

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

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

Bienvenido al curso

Material Thumbnail

Bienvenido al curso

01:48 min

¿Qué conocimientos me recomiendan para tomar este curso?

01:03 min

Repaso React

Material Thumbnail

¿Qué es React y cómo funciona?

04:11 min

Preparando nuestro entorno de trabajo

00:29 min

Material Thumbnail

Creación de la app con React

12:29 min

Material Thumbnail

Agregando funciones a la app con React

04:01 min

Material Thumbnail

Stateful vs Stateless

09:51 min

Material Thumbnail

Ciclo de vida de React

11:08 min

Material Thumbnail

Manejando promesas

04:16 min

Introducción a Redux

Material Thumbnail

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

03:57 min

Fases de Redux

Material Thumbnail

Introducción: las fases de Redux

02:50 min

Material Thumbnail

Conexión a un componente

06:28 min

Material Thumbnail

Explicación teórica: ciclo completo de Redux

03:37 min

Material Thumbnail

Práctica: ciclo completo de Redux

04:24 min

Fases Extra

Material Thumbnail

Escenarios asíncronos

08:59 min

Material Thumbnail

Componente Spinner

10:25 min

Material Thumbnail

Tabla como componente

11:09 min

Compartir información en Redux

Material Thumbnail

Introducción Compartir información en Redux

01:00 min

Material Thumbnail

Parámetros por URL

08:58 min

Material Thumbnail

Compartir Reducer

05:38 min

Material Thumbnail

Múltiples Reducers

08:16 min

Material Thumbnail

Llamando a múltiples reducers en una acción

09:28 min

Material Thumbnail

Uso del estado en la acción

09:43 min

Material Thumbnail

Evitar segundas búsquedas

07:53 min

Material Thumbnail

Evitar sobrescritura

13:12 min

Material Thumbnail

Validación compuesta

11:22 min

Material Thumbnail

Validación de errores

07:11 min

Material Thumbnail

Modificando respuesta de url

09:32 min

Material Thumbnail

Estado con interacción

07:29 min

Material Thumbnail

Mostrar componentes dinámicamente

06:39 min

Material Thumbnail

Llamadas asincronas dinámicas

06:33 min

Material Thumbnail

Props por herencia vs estado

09:33 min

Material Thumbnail

Estado compartido

08:29 min

Métodos HTTP

Material Thumbnail

Introducción a métodos HTTP

00:52 min

Material Thumbnail

Nuevo ciclo Redux

09:13 min

Material Thumbnail

Componente para agregar tarea

06:21 min

Material Thumbnail

Manejar inputs con Reducer

11:14 min

Material Thumbnail

Deshabilitando botón

09:01 min

Material Thumbnail

Reutilizar componentes

11:04 min

Material Thumbnail

Últimos detalles

07:22 min

Conclusión

Material Thumbnail

Conocimientos adquiridos

04:05 min

Material Thumbnail

Qué hacer a continuación

02:41 min

nuevosmás votadossin responder
Jonathan Ludeña
Jonathan Ludeña
Estudiante

Es necesario que todos los componentes usen el store?
Que afectacion puede tener que todos los componentes usen el store de Redux. Hay consumo de memoria? se hacen demasiadas llamadas al API tal vez? es mejor manejar los componentes hijos por los props convenientemente o es mejor hacerlo desde Redux?

1
Cristian Blandón
Cristian Blandón
Estudiante

Si Redux recomienda usar solo funciones puras… ¿Por qué usar un middleware? ¿Cuál sería la diferencia a hacer el llamado a la API desde el componente en componentDidMount y luego desde allí llamar a la action traerTodos, pasándole la respuesta de la API como payload para alojarla en el estado, sin usar llamados asíncronos? ¿Es mejor el middleware? ¿Por qué?

1
Héctor Hugo Moreira
Héctor Hugo Moreira
Estudiante

Tengo problemas de cors cuando se realiza la petición al API, alguna solución para esto.?

Error
1
rubencapetillo
rubencapetillo
Estudiante

¿Para cuándo la actualización de éste curso?

URGE!!!

6
Ismael Grimaldo Vega
Ismael Grimaldo Vega
Estudiante

¿De dónde sale ese 'publicaciones_key'?

1
Luis Daniel Cutipa Urquizu
Luis Daniel Cutipa Urquizu
Estudiante

Alguien sabe como mantener esos datos cuando hago un refresh, sin volver a hacer la llamada a la url ?

porque esos datos estan activos mientras no se haga refresh de la pagina, si hago refresh se vacian esos datos

espero puedan ayudarme como lo harian ustedes

0
Heger Arias Santos
Heger Arias Santos
Estudiante

Que hacen ?

0
Cristopher Valentin Almonte
Cristopher Valentin Almonte
Estudiante

Alguien me puede ayudar no me hace render en el componente de publicación y tengo todo bien codificado como el profesor lo esta haciendo no tengo errores pero no me hace render.

1
Brayan Mateo Montañez Baron
Brayan Mateo Montañez Baron
Estudiante

Pase por un problema muy grande
Traté de hacer el llamado a la API con fetch pero no me entraba al catch en caso del error
Alguien por favor que me explique ¿por qué?
Aquí el código

exportconst getTodos = () => async (dispatch) => {
    dispatch({
        type: LOADING,
    })
    try {
        const data = await fetch('https://jsonplaceholder.typicode.com/usersSSS/');
        const response = await data.json();
        await dispatch({
            type: GET_TODOS,
            payload: response
        })
    } catch (error) {
        await dispatch({
            type: ERROR,
            payload: error.message
        })
    }
}
1
Omar Enrique Leal Ramos
Omar Enrique Leal Ramos
Estudiante

Hola a todos! Alguién puede saber por qué el action para traerme los post con axion no se ejecuta? Incluso le puse un console.log dentro y no me aparece ni en consola

0