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:
- Usan estándares web, para conseguir el mismo resultado e incluso mejor
- No necesitamos cargar ninguna librería para obtener una arquitectura más escalable
¿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:
- Encapsulando código para poder reutilizar en un proyecto o incluso diferentes proyectos sin necesidad de repetir el código.
- Todos los frameworks dicen tener la filosofía de ser como piezas de lego
- Los webs components logran cumplir el objetivo completo
- Se puede implementar web components en cualquier proyecto
- Te permiten:
- Generar etiquitas HTML
- Utilizar Web Standards para construirlos
Las Web API’s para utilizar web components son
- HTML Templates (Plantillas HTML)
- Custom Elements (Elementos personalizados)
- Shadow DOM
- ES Modules
Los Web Components son primitivos de bajo nivel que te permiten definir tus propios elementos HMTL