Costruisci un semplice widget RSS con JavaScript
L'RSS ha più di 20 anni. Rimane uno dei modi migliori per condividere notizie, blog e podcast.
Molti sviluppatori utilizzano framework pesanti per mostrare i feed RSS. Non ne hai bisogno. L'RSS è solo XML. Il tuo browser può leggere l'XML nativamente.
Puoi costruire un widget RSS pulito e responsive usando solo vanilla JavaScript e CSS.
Come funziona:
- Usa la Fetch API per ottenere i dati XML.
- Usa DOMParser per trasformare quell'XML in un documento leggibile.
- Itera tra gli elementi per estrarre titoli, link e descrizioni.
- Renderizza i dati in una griglia di card.
Un problema comune è il CORS. Se un server blocca la tua richiesta, il browser la interrompe. Puoi risolvere il problema utilizzando un proxy come allorigins.win. Per progetti professionali, usa un Cloudflare Worker per gestire le richieste.
Caratteristiche principali di questo approccio:
- Nessuna installazione npm o librerie esterne.
- Dimensioni del file ridotte e caricamento veloce.
- Funziona con qualsiasi feed RSS 2.0 standard.
- Facile aggiungere filtri per categoria.
Puoi estendere questo widget aggiungendo:
- Auto-refresh per mantenere i contenuti aggiornati.
- Una barra di ricerca per trovare post specifici.
- Local storage per la cache dei dati.
- Supporto per la dark mode utilizzando le variabili CSS.
Smetti di ricorrere a strumenti pesanti quando le API native funzionano perfettamente.
Fonte: https://dev.to/debate_me_af4b65ae011518f/build-a-simple-rss-feed-widget-in-vanilla-javascript-1803