Web components son encapsulados de código, que coexisten entre si en el ecosistema de JavaScript.

¿Qué problemas resuelven los Web Components?

El desarrollo web se hace más complicado, actualmente se tiene un ecosistema gigante de JavaScript, varias tecnologías no pueden coexistir en un mismo proyecto a la vez.

Entonces debemos elegir bien un stack de tecnologías.

Para solucionar este problema existen Web Components:


¿Qué son los Web Components?

Los webs components son como piezas de lego, son partes de código las cuales se pueden reutilizar para obtener un gran resultado, son creados para ser re utilizables:

Las Web API’s para utilizar web components son

  1. HTML Templates (Plantillas HTML)
  2. Custom Elements (Elementos personalizados)
  3. Shadow DOM
  4. ES Modules

Los Web Components son primitivos de bajo nivel que te permiten definir tus propios elementos HMTL