Construye un widget de RSS sencillo con JavaScript
RSS tiene más de 20 años. Sigue siendo una de las mejores formas de compartir noticias, blogs y podcasts.
Muchos desarrolladores utilizan frameworks pesados para mostrar feeds de RSS. No los necesitas. RSS es simplemente XML. Tu navegador puede leer XML de forma nativa.
Puedes construir un widget de RSS limpio y responsivo utilizando únicamente JavaScript puro y CSS.
Cómo funciona:
- Usa la Fetch API para obtener los datos XML.
- Usa DOMParser para convertir ese XML en un documento legible.
- Recorre los elementos para extraer títulos, enlaces y descripciones.
- Renderiza los datos en una cuadrícula de tarjetas.
Un problema común es CORS. Si un servidor bloquea tu solicitud, el navegador la detendrá. Puedes solucionar esto usando un proxy como allorigins.win. Para proyectos profesionales, utiliza un Cloudflare Worker para gestionar las solicitudes.
Características clave de este enfoque:
- Sin instalaciones de npm ni librerías externas.
- Tamaño de archivo pequeño y carga rápida.
- Funciona con cualquier feed RSS 2.0 estándar.
- Fácil de añadir filtros por categoría.
Puedes ampliar este widget añadiendo:
- Actualización automática para mantener el contenido al día.
- Una barra de búsqueda para encontrar publicaciones específicas.
- Local storage para almacenar datos en caché.
- Soporte para modo oscuro utilizando variables CSS.
Deja de recurrir a herramientas pesadas cuando las APIs nativas funcionan perfectamente.
Fuente: https://dev.to/debate_me_af4b65ae011518f/build-a-simple-rss-feed-widget-in-vanilla-javascript-1803