React - Rutas, APIs & Hooks

Curso: React - Rutas, APIs & Hooks

Aprende a integrar React.js con librerías de terceros para ampliar sus características.

Este curso te enseñará a integrar React Router para construir las rutas de la aplicación. Utilizar librerías para peticiones a APIs REST y ampliar las características de los componentes con hooks y componentes de orden superior.

Este curso forma parte de:

40
Poster del curso
Avatar

Beto Quiroga

Curso: React - Rutas, APIs & Hooks

Ejemplos bonus por:
Avatar
Alejandro García

Acceso a todos los cursos, talleres y especialidades de EDteam

Accede de por vida a este curso

¿Qué aprenderás?

  • Crear rutas con React Router
  • Peticiones HTTP con Axios y Fetch
  • Componentes de orden superior
  • Hooks en React

¿Qué conocimientos necesitas?

Nivel

intermedio

+5 horas

Temario del curso

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

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.