Tutti conosciamo i Lego: è un gioco modulare con il quale puoi assemblare gli stessi mattoncini componibili a piacere in infinite forme sempre diverse. I Web Component seguono lo stesso principio.
I Web Components sono blocchi di codice che permettono agli sviluppatori di replicare più volte alcune funzionalità (ad esempio gli elementi grafici della User Interface) in posizioni diverse di siti e web app. Siccome i Web Components fanno riferimento ad un’unica fonte di codice sorgente, a prescindere dal numero di pagine in cui vengono utilizzati, questo approccio alleggerisce il peso del software e riduce la lunghezza del codice, rendendolo anche più facilmente manutenibile.
I Web Components racchiudono elementi di HTML, CSS e JavaScript isolati dal resto del codice. Si possono utilizzare in tutti i framework basati su JavaScript e le librerie che lavorano con HTML.