¿Qué es una API REST y por qué importa en el frontend?
Una API REST es una interfaz que permite a tu frontend comunicarse con un servidor: traer datos, enviarlos, actualizarlos o eliminarlos. Integrar APIs es una habilidad fundamental en el desarrollo web moderno, desde mostrar propiedades de una inmobiliaria hasta procesar pagos o cargar posts de un blog.
Fetch API: la forma nativa y moderna
El navegador incluye la Fetch API de forma nativa desde 2015. No necesitás librerías externas para la mayoría de los casos. Una petición GET básica: usá fetch() con la URL, esperá la respuesta con await, convertí a JSON con response.json() y manejá el resultado. Si la API requiere autenticación, pasá el token en los headers de la petición.
Async/Await: el estándar actual
Async/await hace que el código asíncrono se lea de forma casi idéntica al código síncrono. Siempre envolvé las llamadas a APIs en un bloque try/catch para capturar errores. Un error de red (sin conexión) y un error de la API (respuesta 404 o 500) son distintos y deben manejarse diferente.
Los métodos HTTP más usados
GET: traer datos, no modifica nada. POST: crear un recurso nuevo o enviar un formulario. PUT/PATCH: actualizar un recurso existente. PUT reemplaza todo, PATCH modifica solo algunos campos. DELETE: eliminar un recurso.
Manejo de estados en la UI
Toda llamada a una API tiene tres estados: loading (petición en curso), success (llegaron los datos) y error (algo falló). La UI debe reflejar los tres. Un skeleton screen durante el loading, el contenido en success, y un mensaje descriptivo en error.
Buenas prácticas para producción
Nunca expongas API keys en el frontend: cualquiera que inspeccione el código puede verlas. Implementá debounce en búsquedas en tiempo real para no hacer una petición por cada tecla. Cacheá respuestas que no cambian frecuentemente para mejorar la performance.