React.js Desde Cero

Curso: React.js Desde Cero

Programa tus aplicaciones web con la librería frontend que usa Facebook e Instagram.

React.js es la librería frontend con la que están construidas las dos redes sociales más grandes: Facebook e Instagram. En este curso aprenderás a crear tus propios componentes React con la sintaxis JSX y usarlos para crear interfaces de usuario.

Este curso forma parte de:

86
Poster del curso
Avatar

Beto Quiroga

Curso: React.js Desde Cero

Acceso a todos los cursos, talleres y especialidades de EDteam

Accede de por vida a este curso

Poster del curso
Avatar

Beto Quiroga

Curso: React.js Desde Cero

Acceso a todos los cursos, talleres y especialidades de EDteam

Accede de por vida a este curso

¿Qué aprenderás?

  • Configuración del entorno de desarrollo
  • Sintaxis JSX
  • El poder de los componentes

¿Qué conocimientos necesitas?

Nivel

básico

+10 horas

Temario del curso

¿Eres estudiante premium o has comprado este curso? Empieza aquí

Comenzando con React

Entenderás para qué sirve React y por qué debes utilizarlo

  • 1.1 - ¿Qué es React?08:00
  • 1.2 - Virtual DOM08:01
  • 1.3 - Pensando en componentes15:14
  • 1.4 - Instalando mi primera app17:29
  • 1.5 - Dependencias05:58
  • 1.6 - Scripts11:41
  • 1.7 - Recomendaciones03:52

JSX

JSX es la sintaxis que usa React para crear componentes en JavaScript como si fuera HTML

  • 2.1 - Integrando EDgrid13:24
  • 2.2 - ¿Qué es JSX?16:36
  • 2.3 - Restricciones JSX18:32
  • 2.4 - JSX a profundidad13:10

Componentes

Los componentes son los bloques en los que divides la interfaz de tu aplicación.

  • 3.1 - Subiendo proyecto a Github11:21
  • 3.2 - Expresiones JSX14:58
  • 3.3 - Propiedades09:12
  • 3.4 - Imprimiendo propiedades14:48
  • 3.5 - Componentes presentacionales09:39
  • 3.6 - propTypes y defaultProps16:22
  • 3.7 - Recorriendo arrays14:34

El estado de los componentes

Aprenderás a manejar y actualizar la información que contiene un componente.

  • 4.1 - Creando un componente de clase14:15
  • 4.2 - Formulario04:45
  • 4.3 - Estado del componente13:25
  • 4.4 - Actualizando el estado10:57
  • 4.5 - Escribiendo métodos07:55
  • 4.6 - Ciclo de vida de montaje17:37
  • 4.7 - Ciclo de vida de actualización08:59
  • 4.8 - Ciclo de vida de desmontaje09:40
  • 4.9 - Consejos finales03:30

React Router

La librería estandar que nos ayuda a manejar nuestras rutas en React

  • 1.1 - Resumen del primer curso11:58
  • 1.2 - Introducción e instalación de react router03:43
  • 1.3 - Declarando Router y Rutas07:35
  • 1.4 - Switch y página 40404:17
  • 1.5 - Parámetros de la ruta05:13
  • 1.6 - Contenido dinámico a partir de la ruta10:52
  • 1.7 - Componente Link03:53
  • 1.8 - Menú con NavLink07:12
  • 1.9 - Props de React Router07:23

Peticiones HTTP

Aprenderás a hacer peticiones a una API Rest con React.js

  • 2.1 - Atomic Design14:58
  • 2.2 - Refactorizando código09:35
  • 2.3 - Refactorizando código II08:39
  • 2.4 - Metodología atomic design15:06
  • 2.5 - Peticiones a una API REST11:16
  • 2.6 - Peticiones con fetch17:17
  • 2.7 - Actualizando el estado con la respuesta08:14
  • 2.8 - Reescribiendo peticiones con axios06:27
  • 2.9 - API's para practicar07:06

Componentes de orden superior

Comparte lógica entre componentes sin repetir código.

  • 3.1 - Creando tu propio servidor JSON15:04
  • 3.2 - Agregando loader a nuestras peticiones10:27
  • 3.3 - Eliminando incosistencias en el proyecto07:53
  • 3.4 - Escribiendo un componente de order superior07:41
  • 3.5 - Agregando logica reutilizable al HOC10:58
  • 3.6 - Bonus: Ejemplo de páginas privadas14:29
  • 3.7 - Bonus: Subir imágenes con un HOC16:09

Hooks

Agrega estado y ciclo de vida a los componentes sin escribir clases.

  • 4.1 - Reescribiendo componentes para utilizar el estado11:33
  • 4.2 - Utilizando el hook useState08:50
  • 4.3 - Actualizando el estado con hooks09:55
  • 4.4 - Utilizando el hook useEffect08:58
  • 4.5 - Componentes con multiples estados10:44
  • 4.6 - Mi primer custom hook11:10
  • 4.7 - Bonus: Custom hook useFetch15:24
  • 4.8 - Bonus: Custom hook useCounter07:08

¿Por qué elegir EDteam?

Profesores reales

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Comunidad

Comunidad

No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.

Seguimiento de aprendizaje

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.

Clases en vivo

Clases en vivo

Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.