React.js Desde Cero

Curso: React.js Desde Cero

básico
10 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

React.js Desde Cero

Toma este curso
React.js Desde Cero

Curso: React.js Desde Cero

básico
+10 horas
Sube a premium

Y accede a todos los cursos con un solo pago

React.js Desde Cero

React.js Desde Cero

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

Nivel: básico
Fecha de lanzamiento: 30 de may.
Duración: +10 horas
(Ver temario)
Calificación: 4.8
(Ver 184 opiniones)

* Accede a este y a todos los cursos, talleres y especialidades

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.

¿Qué aprenderás en este curso?

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

¿Qué conocimientos previos necesitas?

Avatar

Prof. Beto Quiroga

@betoquirogaVer perfil

Apasionado por la tecnología. Comencé a programar en Java pero luego las comunidades de desarrollo hicieron que me encantara trabajar con Drupal por más de 4 años dando charlas y conferencias en varias ciudades y 3 paises. Me gusta JavaScript y el ecosistema React. Actualmente me dedico 100% a EDteam como lider de frontend y director de operaciones

Temario del curso

Comenzando con React

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

  • 1.1 - ¿Qué es React?

  • 1.2 - Virtual DOM

  • 1.3 - Pensando en componentes

  • 1.4 - Instalando mi primera app

  • 1.5 - Dependencias

  • 1.6 - Scripts

  • 1.7 - Recomendaciones

JSX

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

  • 2.1 - Integrando EDgrid

  • 2.2 - ¿Qué es JSX?

  • 2.3 - Restricciones JSX

  • 2.4 - JSX a profundidad

Componentes

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

  • 3.1 - Subiendo proyecto a Github

  • 3.2 - Expresiones JSX

  • 3.3 - Propiedades

  • 3.4 - Imprimiendo propiedades

  • 3.5 - Componentes presentacionales

  • 3.6 - propTypes y defaultProps

  • 3.7 - Recorriendo arrays

El estado de los componentes

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

  • 4.1 - Creando un componente de clase

  • 4.2 - Formulario

  • 4.3 - Estado del componente

  • 4.4 - Actualizando el estado

  • 4.5 - Escribiendo métodos

  • 4.6 - Ciclo de vida de montaje

  • 4.7 - Ciclo de vida de actualización

  • 4.8 - Ciclo de vida de desmontaje

  • 4.9 - Consejos finales

React Router

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

  • 1.1 - Resumen del primer curso

  • 1.2 - Introducción e instalación de react router

  • 1.3 - Declarando Router y Rutas

  • 1.4 - Switch y página 404

  • 1.5 - Parámetros de la ruta

  • 1.6 - Contenido dinámico a partir de la ruta

  • 1.7 - Componente Link

  • 1.8 - Menú con NavLink

  • 1.9 - Props de React Router

Peticiones HTTP

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

  • 2.1 - Atomic Design

  • 2.2 - Refactorizando código

  • 2.3 - Refactorizando código II

  • 2.4 - Metodología atomic design

  • 2.5 - Peticiones a una API REST

  • 2.6 - Peticiones con fetch

  • 2.7 - Actualizando el estado con la respuesta

  • 2.8 - Reescribiendo peticiones con axios

  • 2.9 - API's para practicar

Componentes de orden superior

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

  • 3.1 - Creando tu propio servidor JSON

  • 3.2 - Agregando loader a nuestras peticiones

  • 3.3 - Eliminando incosistencias en el proyecto

  • 3.4 - Escribiendo un componente de order superior

  • 3.5 - Agregando logica reutilizable al HOC

  • 3.6 - Bonus: Ejemplo de páginas privadas

  • 3.7 - Bonus: Subir imágenes con un HOC

Hooks

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

  • 4.1 - Reescribiendo componentes para utilizar el estado

  • 4.2 - Utilizando el hook useState

  • 4.3 - Actualizando el estado con hooks

  • 4.4 - Utilizando el hook useEffect

  • 4.5 - Componentes con multiples estados

  • 4.6 - Mi primer custom hook

  • 4.7 - Bonus: Custom hook useFetch

  • 4.8 - Bonus: Custom hook useCounter

Avatar

Prof. Beto Quiroga

@betoquirogaVer perfil

Apasionado por la tecnología. Comencé a programar en Java pero luego las comunidades de desarrollo hicieron que me encantara trabajar con Drupal por más de 4 años dando charlas y conferencias en varias ciudades y 3 paises. Me gusta JavaScript y el ecosistema React. Actualmente me dedico 100% a EDteam como lider de frontend y director de operaciones

Empieza a aprender React.js Desde Cero

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Premium

$3020USD

En un solo pago anual de $360 240 USD

Gráfico de tabla

Alcanza tus metas con todos los cursos y funciones premium.

unicorn-head-smile¿Tienes un EDycupón?
  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+150 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+150 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

$30USD

$360 240 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

184 calificaciones de los estudiantes (4.8)

Cargando Calificaciones...

Ver más opiniones