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

Curso de Redux por Bedu

Curso de Redux por Bedu

Rodolfo Saldivar

Rodolfo Saldivar

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

11/57

Lectura

¡Un saludo, Platzinauta!👋🏻

¡Ups! De momento esta clase no está disponible en nuestra plataforma, pero sí la tenemos en YouTube.

Para no interrumpir tu aprendizaje te dejamos el video y link para que puedas verla en YouTube.

Link a YouTube

Pronto estará disponible en Platzi como el resto de clases.

Gracias por tu comprensión y nunca pares de aprender. 💚

Aportes 46

Preguntas 5

Ordenar por:

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

Me gustó el breve repaso a React antes de llegar a este punto. Nunca está de más dar un buen repaso

Video 11 y por fin hablan de Redux U_U

No estoy tan acuerdo con lo que dice, redux para aplicaciones grandes tampoco es la solución correcta, creo que lo mejor es para aplicaciones medianas, como un punto intermedio.
Ya que no escala muy bien, toca estar utilizando bolierplate, el estado global se puede volver muy grande, inmanejable, muy dificil de mantener, la curva de aprendizaje se hace muy compleja. Si la aplicación es muy grande creo que Relay o Apollo pueden ser una mejor solución.

Redux
Redux es de uso libre que almacena todo el estado de nuestra aplicación en un solo lugar.
Principios:
**Almacenamiento **usarlo en los estados se almacenen en un solo lugar.
Inmutables que siempre se creen y nunca se sobrescriban.
Centralizado toda nuestra aplicación en un solo lugar.
¿Como funciona?
En lugar de tener un estado local, lo maneja en un estado global.
¿Cuándo utilizar Redux?
En aplicaciones grandes, en donde el flujo de la información sea compartido por muchos componentes.
Cuando quieres compartir información, por ejemplo, en un login.
Es para manejar información.

Por si les interesa, a partir de la versión 16.3 es posible pasar datos sin tener que pasarlos por props y props gracias a Context

Documentación: React Context

**Redux **nos deja almacenar todo el estado de nuestra app en un solo lugar, lo maneja en un estado global. Así nos evitamos de pasar los estados de padre a hijos por props y es recomendable usarlo solo en aplicaciones grandes, donde el flujo de la información sea compartido por muchos componentes.

Me ha encantado la forma en que el profesor explica los temas, gracias!!

inmutable: Que no puede ser cambiado o alterado.

En todo internet no encontré un video tan corto que me responda esas 3 preguntas en menos de 4 minutos

Muy Bien explicado la funcionalidad de Redux

¿Se puede manejar estado local y estado de redux en un mismo componente?

Excelente clase. Muy claro para que sirve redux. 🙂

Te ayuda a escribir aplicaciones que se comportan de manera consistente, corren en distintos ambientes (cliente, servidor y nativo), y son fáciles de probar.

En esta clase el profesor Rodolfo Saldívar Hernández nos explicará qué es Redux, cómo usarlo y por qué; junto con sus principios como lo son el almacenamiento, es inmutable y centralizado.

Estoy recién empezando con React, claramente antes había visto los conceptos básicos e incluso había trabajado con react-router-dom, pero siento que no está de más el repaso que nos acaban de dar, ¡gracias!

Redux es una herramienta de uso libre que nos deja almacenar todo nuestro estado de la aplicación en un solo lugar.

Principios:

  • Almacenamiento -> Es para los estados.
  • Inmutables -> No se pueden modificar los estados. Solo se crean nuevos.
  • Centralizado -> Todo estado está en un lugar.

¿Cuándo usarlo?

Se recomienda usarlo en aplicaciones grandes, donde sea compartida con muchos componentes.

También para compartir información entre componentes.

Estados, no formatos.

Ahora lo entiendo todo * - *

Cual sería una aplicación grande. O mejor dicho, a partir de qué momento me doy cuenta que mi aplicación puede utilizar Redux?

Redux es compatible con React-Apollo?

¿Qué es Redux, cuándo usarlo y por qué?
Que es redux: es una herramienta de uso libre que nos deja almacenar todo nuestro estado de una aplicación en un solo lugar.
Principios

  • Almacenamiento
  • Inmutables
  • Centralizado
    Almacenamiento del estado de los componentes de manera global.
    Cuando utilizar redux:
  • Aplicaciones grandes.
  • Compartir información.
  • Estados, no formatos.

Interesante el tema de Redux.
Para nested components si que lo veo muy eficaz

Muy bien explicado hasta aqui la parte de react y react dom, me aclaro algunas dudas que tenia del curso de react basico

Le falta mucha, pero mucha pedagogía a este curso.
Se ve que si sabe del tema, pero para explicar deja mucho que desear.

redux es muy útil y no lo sabia 🤔

Muy buena explicación. muy clara.

Redux es un contenedor de estados

Este video no se ve dond elo puedo ver???

Redux algo interesante para aprender

Me gustó el breve repaso a React antes de llegar a este punto.

Muy buena explicación

Comenzamos :3

redux

Nos fuimoos !

owwwww gran trabajo de redux

Excelente. Iniciándome con Redux, no lo conocía

Redux es nuestra única fuente de la verdad.

Redux es un contenedor predecible del estado de aplicaciones JavaScript

si es posible pasar información de componentes hijos a padre ? , no se como se realizaria esto , defnitivamente si se ve algo muy complejo de hacer

Ahora si llega lo buenooooo!

Hola Devs:
-Les recomiendo este articulo que les ayudara entender un poco mas y afianzar la teoria del profesor: Click Aqui

Excelente Explicación.
Que haga mas cursos este profe.

uhmmmm interesante

Redux es un arma de doble filo. Bien utilizada, permite transportar de manera precisa la información; Mal utilizada, así como React, genera un caos.

¿ Se puede llegar a tener más de un Storage en lugar de tener uno solo ?

Excelente explicacion