ReactJS: de cero a experto. API Fetch

HolaMundo

Resumen

En este vídeo aprenderás a realizar peticiones HTTP en React utilizando la API Fetch. Exploraremos cómo consumir datos mediante el método GET desde una API externa (JSONPlaceholder) y cómo configurar peticiones POST enviando cabeceras y cuerpos de mensaje en formato JSON. Verás cómo integrar estas llamadas dentro del constructor de un componente para ejecutar lógica asíncrona al inicializar la aplicación.

Capítulos

  1. 0:06Introducción a Fetch
  2. 0:44Configuración del constructor
  3. 1:33Ciclo de vida de montaje
  4. 2:12Uso de JSONPlaceholder
  5. 2:38Realizando petición GET
  6. 2:53Procesamiento de promesas
  7. 3:12Conversión a JSON
  8. 3:46Resultados en consola
  9. 3:58Verbos HTTP soportados
  10. 4:15Configuración de peticiones POST
  11. 5:30Definición de cabeceras
  12. 6:29Serialización del body
  13. 7:22Resolución del post

Temas tratados

  • Uso de la API Fetch
  • Ciclo de vida y constructor

+5 temas más (contenido completo al seguir el canal)

Extracto de la transcripción

ya cada vez nos falta menos para terminar de ver todo el contenido de jacques para ya pasar a construir nuestra aplicación lo que nos queda pendiente nosotros todavía es poder hacer llamados ajax ya sea con la api de fecha y también nos quedaría pendiente ver el ciclo de vida de los componentes de react en este caso en este vídeo nosotros vamos a ver la api de fecha qué fecha es una librería que viene en el script 6 en adelante que nos va a permitir a nosotros poder hacer llamados asíncronos hacia otros servidores para nosotros poder buscar datos para eso nosotros lo que vamos a hacer es utilizar nuestro mismo componente de app para hacer los llamados de ajax lo que vamos a hacer acá es de que vamos a agregar el método de constructor y vamos a llamar a la palabra reservada super super lo que hace es de que llama al constructor de la clase la cual se está extendiendo que en este caso es c…