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.

te虂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 instalacio虂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