¿Qué problemas resuelven los Web Components?

**Resumen: ** Los problemas estan relacionados a los distintos ecosistemas o frameworks (React, Angular, Vue), puesto que que estos no pueden coexistir entre sí, por lo que los Web Components al estar fundamentados en JavaScript puro, brinda más compatabilidad.

🙅‍♂️ ¿Qué problemas resuelven los Web Components?

Web components son encapsulados de código, que coexisten entre si

Problema

• El desarrollo web se hace más complicado
  • Actualmente se tiene un ecosistema gigante de JavaScript
    • Varias tecnologías no pueden co existir en un mismo proyecto a la vez, como ser angular con react
  • 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

RESUMEN: El desarrollo web actualmente se está volviendo complicado debido a que existen muchas tecnologías que si bien facilitan el desarrollo no están dejando usar otras para un mismo proyecto, es ahi donde entran los webs components para obtener el mismo resultado con web api’s

Es muy común que veamos proyectos (incluyendo los nuestros) donde se usan tecnologías que muchas veces no son del todo necesarias en el proyecto, por lo que generan un peso y complejidad innecesarias.
.
Por eso me parece excelente comprender que problema resuelven los web components, ya que al saber cual es su razón de existir y el problema puntual que resuelven, tendremos mejor juicio de como usarlos y cuando usarlos.
.
Gracias Diego por esta introducción.

MY NOTES WHAT PROBLEM RESOLVE THE WEB COMPONENTS

Existen distintas tecnologías en el desarrollo web y al desarrollar algo en una de ellas significa siempre usar esa tecnología, ya que si quisiéramos utilizar una tecnología como angular con react no se podría ya que esto es incompatible, lo mismo que si combináramos sass y less tampoco lo podríamos hacer ya que son cosas totalmente diferentes.

Por eso es que debemos escoger bien el stack que utilizamos, entender como hacer crecer una aplicación con ese stack y luego continuar creciendo.

Pero esto ocasiona problemas y para esto se implementan los web components, utilizar estándares apis que ya existen en el navegador para poder conseguir lo mimo y mejor, que son simplemente encapsulados de codigo que puedan coexistir entre ellos.

Entonces si utilizamos estos estándares y si llegásemos a migrar la app a otra tecnología seria fácil, ya que manejarían los mismos estándares.

Hmmm, comprendo el punto, y es verdad, la mayoría de los frmaeworks o librerías actuales siguen su propia lógica, es decir, tienen su propia forma de trabajar, por ejemplo, con Vue tienes cada componente en un archivo .vue.
.
Sin embargo, esto se parece un poco a los inicios de la web, cuando no había estándares y cada quien hacía lo que le daba la gana, actualmente no hay como tal un estándar que diga cómo se tiene que construir una librería o framework para que todo sea compatible (aunque ahora existen los WebComponents).
.
Aunque, decir “tirar todo el código a la basura” es muy exagerado, un ejemplo es que, si tú tienes una aplicación en React y quieres mudarla a Vue, la mayoría del código te va a ser útil, ya que React usa JSX y Vue también tiene la opción de usar JSX 😄

Hola:

Les dejo este link acerca de web components:
https://www.digital55.com/desarrollo-tecnologia/introduccion-web-components/

saludos 😃

Muy interesante

Hoy en día existen muchas maneras de desarrollar páginas web. JS tiene muchos ecosistemas y todos son
diferentes, no están hechos para coexistir entre ellos. Es aquí donde entrán los ~Web Components~.

👌

genial!