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

Preparando nuestro entorno de trabajo

4/57

Lectura

¡Hola! Para este curso usaremos Node.js. Un ambiente de trabajo que nos permite ejecutar JavaScript por fuera de un navegador.

  1. Ingresa al siguiente url: https://nodejs.org/en/download/

  2. Descarga el instalador correspondiente a tu sistema operativo.

Nodejs.png
  1. Ejecuta el programa

  2. Da click en next.

Next.png

5- Acepta los términos y da click en next.

términos.png

6- Escoge directorio y da click en next.

destination folder.png

7- Da click en next.

8- Da click en install.
Install.png

9- Permite que la aplicación haga cambios al equipo, espera a que se ejecute y da click en finish.

Instalación en macOS

  1. Ingresa a: https://nodejs.org/en/download/

  2. Descarga el instalador correspondiente.
    Nodejs.png

  3. Ejecuta el programa descargado.
    ejecuta .png

  4. Acepta los términos y da click en continuar
    terminos 2.png

  5. Comprueba el estatus de instalación
    estatus de instalación.png

¡Con Node.js instalado estás listo para comenzar!

Aportes 32

Preguntas 0

Ordenar por:

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

Yo no lo descargo porque ya lo tengo

Recomiendo instalar Node con NVM. Esta pequeña utilidad nos permite mantener múltiples versiones de Node en nuestro sistema las cuales pueden ser cambiadas bajo demanda.
Repo-NVM

Distribuciones de Linux basadas en Debian y Ubuntu, Enterprise Linux/Fedora y Snap
Node.js v10.x: actual LTS

# Using Ubuntu
curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -
sudo apt-get install -y nodejs

# Using Debian, as root
curl -sL https://deb.nodesource.com/setup_10.x | bash -
apt-get install -y nodejs```

macOS

Pueden usar brew es un package manager para macOS, pueden instalar node, yarn, etc…

  • Para instalar brew, abres el terminal y copias el siguiente código:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  • y luego para instalar nodejs
brew install node

tenían que poner esto mucho antes, en otros cursos =(

tenían que hacer un articulo así para el curso de react xD

Yo no lo descargo porque ya lo tengo!!

Excelente manual. Ojalas que en todos los cursos aplique manuales como esté para realizar las instalaciones, porque a veces hablan sobre la intalación, pero no muestran nada visible de como realizarla.

Esto esta mas explicado que el curso de react XD

Para windows recomiendo usar Laragon, trae la terminal cmnder, y ademas puedes cambiar de versiones de Node.js facilmente

Para las personas que están usando Mac esta es la mejor manera de instalar node, ya que es homebrew les permite actualizarlo y desinstalarlo de una forma sencilla

Instalando Node con Homebrew

Uno de los principales ambientes que uso para todas mis pruebas con React, Angular, etc. Gracias 😄

Instalado! Seguimos…

Muy bueno el manual de instalación es algo que todos los cursos deberían tenerlo para saber instalar todo el entorno tal cual como va a estar en la clase y así ayudar a muchas personas y evitar confusiones.

Listo!

Listo!!

Ya lo tenía instalado, es increible las utilidades que trae en Node.js 😄

Perfecto, lo instalé desde el curso de programación básica donde literalmente aprendí a escribir las primeras lineas de código de mi vida.

Todo listo!!

Para OSX pienso que seria mejor usar NVM instalado por medio de brew, cálmenos así lo tengo yo y me parece mejor para poder probar mi aplicación en diferentes versiones de node JS

Instalar brew:
https://brew.sh
/bin/bash -c “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)”

Instalar NVM:
brew install nvm
mkdir ~/.nvm
https://gist.github.com/nijicha/e5615548181676873118df79953cb709

Continuemos…

Para Windows yo instale Scoop que es similar a Homebrew de MacOS solo que para Windows.

Ya teniendo Scoop, instale Node Version Manager (nvm), para trabajar con múltiples versiones de Node. útil cuando necesitas cambiar fácilmente de versión de Node.

listo!

Empecemos! 😄

Todo el entorno listo 😎

Instalacion completa!

con todo listo.

seria raro tomar este curso y no tener instalado nodejs no?

Para usuarios de Linux, es mas senciilo utilizar nvm (node version manager).
Te permite instalar y manejar diversas versiones de node y npm.

NVM Github

listo, gracias…

listo!

listo