React.js: Cómo traer datos de un API en React
Clase 24 de 37 • Curso de React.js 2019
Contenido del curso
Fundamentos
Creación y diseño de componentes
- 8
¿Qué es un componente?
05:16 min - 9
Qué es y cómo funciona un componente en React.js
00:00 min - 10
Nuestro primer componente
09:42 min - 11
Cómo aplicar estilos
08:55 min - 12
Props
05:38 min - 13
Nuestra primera página
10:25 min - 14
Enlazando eventos
09:02 min - 15
Manejo de estado
10:03 min - 16
Levantamiento del estado
11:26 min - 17
Listas de componentes
11:03 min
React Router
Component Lifecycle
Llamadas a un API
- 23
Introducción llamadas a un API
03:30 min - 24
React.js: Cómo traer datos de un API en React
Viendo ahora - 25
Solicitando datos (GET)
12:12 min - 26
Mejorando la Experiencia de Usuario durante una petición
07:19 min - 27
Enviando datos (POST)
12:03 min - 28
Manejando los estados de la petición durante el POST
07:12 min - 29
Actualizando datos (PUT)
10:35 min - 30
Actualizaciones automáticas
07:27 min
Mejorando la UI
Conclusion
Resumen
Una llamada a una API es un proceso asíncrono, es decir que lo comenzamos pero no sabemos cuándo acabará. Por lo mismo la función a escribir debe ser asíncrona.
La llamada se hará usando fetch que es una función de JavaScript que al pasarle una dirección de internet, hará una petición GET y lo que sea que exista ahí será devuelto.