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

¿Qué es React y cómo funciona?

3/57
Recursos
Transcripción

React es uno de los frameworks web de JavaScript más comentados en años. Junto con Angular, y más recientemente Vue, React es una herramienta que ha tenido un gran impacto en la forma en que construimos aplicaciones web. En su página lo definen de una manera rápida y sencilla:

Una biblioteca de JavaScript para construir interfaces de usuario.

React generalmente se considera la capa de vista en una aplicación. Es posible que hayamos utilizado bibliotecas como Handlebars o jQuery en el pasado. Al igual que jQuery, React manipula los elementos de la interfaz de usuario que se insertan en la página, los componentes de React cambian lo que el usuario ve.

Aportes 33

Preguntas 1

Ordenar por:

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

amo cuando los videos no pasan de 10 min ajajajaj

JSX :

Quiero usar Redux en mis proyectos en React-Native, Espero este curso me sirva tambien… aunque los ejemplos vayan a ser para un Blog 😉

Librería es una mala traducción. En realidad es una biblioteca. Entiendo que en el habla hispana esté considerado como correcto pero no lo es.
El que todo mundo lo haga mal no significa que esté bien

Me encanta cuando hacen diapositivas animadas y el profesor es algo extrovertido ! Así no queda tan “monótono” el curso…

Les recomiendo irse acostumbrando a revisar la documentación oficial de las librerías y herramientas que vayan a utilizar.
Aqui la de React:
https://es.reactjs.org/docs/getting-started.html

React generalmente se considera la capa de vista en una aplicación. Es posible que hayamos utilizado bibliotecas como Handlebars o jQuery en el pasado. Al igual que jQuery, React manipula los elementos de la interfaz de usuario que se insertan en la página, los componentes de React cambian lo que el usuario ve.

React es un libreria que nos ayudara hacer la tarea de crear interfaces.
Tiene componentes que se crean una vez y se pueden usar miles de veces en donde tu quieras.
Tiene tanta demanda porque tiene libreria de peso ligero y su rendimiento es muy bueno.(Gracias a los creadores Facebook)
JSX es la sintaxis con la que se escribe codigo en React( es una fucion de html y javascript).

Si en verdad le gusta Dragon Ball a este profesor ya me gano 😃

![](

Está explicación del virtual DOM es un gran complemento para entender el concepto.

¿Qué es React y cómo funciona?

  • Librería -> Fácil desarrollo de una tarea en específico.
  • Intercaes -> Lo que se ve en la pantalla y con lo que interactua el usuario.
  • Componentes -> Hazlo una vez, úsalo cuantas veces quieras.

React tiene alta demanda por ser de peso ligero, alto rendimiento y está en constante mantenimiento.

JSX es la sintaxís con la que escribimos código dentro de React. Es como una fusión entre HTML y JS.

DoStuff((thing) => {
  this.isAwesome(thing); //😄
});

EcmaScript 6

  • Diferente
  • 2015
  • React
  • NodeJS

React usa el Virtual DOM, una copia del DOM.

Genial explicación de React, muchas gracias 😄

Es bueno reforzar antes de empezar… hará bien para no llegar perdido al curso.

bueno a empezar. para reforzar el primero que ya hice.

Buena manera de comenzar.

Excelente manera de iniciar



El mejor dibujo para explicar las arrow functions 🤣

UNA FORMA DE EXPLICAR LAS COSAS MUY LIGERA!

Reforzar hace que tus ideas se organicen

Excelente información visual. 🙂

Excelente clase!

Me encanto excelente explicación ❤️

Excelente forma de iniciar el curso. Está buenisimo hacer un repaso en React antes de comenzar con el curso, me encantó.

Explicación del Vitrual DOM

React es uno de los frameworks web de JavaScript más comentados en años. Junto con Angular, y más recientemente Vue, React es una herramienta que ha tenido un gran impacto en la forma en que construimos aplicaciones web

En su página lo definen de una manera rápida y sencilla:

Una biblioteca de JavaScript para construir interfaces de usuario.

Aqui repasando…

Buena explicación introductoria

React es la ley hoy y hace mucho!
Es mantenible, soporta TS, por lo que tambien TXS, que es la fusion de Typescript + HTML

muy claro

JSX Es una extensión de JS creada por FB, sirve de preprocesador y transforma el código generado con React JS para que todos los navegadores puedan interpretarlo.

¿Qué es React y cómo funciona?

  • Librería: Fácil desarrollo de una tarea en específico.
  • Interfaces: Lo que se ve en pantalla.
  • Componentes: Hazlo una vez, úsalo cuantas veces quieras.
  • Peso ligero.
  • Alto rendimiento.
  • Mantenimiento constante.
    JSX: es la sintaxis con la que escribimos código con React.