Ventajas de los Web Components en el Desarrollo Moderno
Contenido del curso
Jonathan Rugama
Rony Porraz Vargas
Jonathan Rugama
Fernando Quinteros Gutierrez
Héctor Iván Sáenz Estrada
Carlos Eduardo Gomez García
Andres Felipe Pinchao Ramirez
Andres Felipe Pinchao Ramirez
Roberto Medina
Jimmy Buriticá Londoño
Andres Moreno
Jose Manuel Montaño Saenz
Holman Hernan Galeano Caballero
Miguel Angel Reyes Moreno
Naldo Duran
Kenneth Angulo L
Kenneth Angulo L
Jefred Bedoya
Jeison David Gonzalez Lopez
Andrés Felipe Eslava Zuluaga
**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.
me gusto tu resumen, gracias!
Con mucho gusto! 💪🏻😊
🙅♂️ ¿Qué problemas resuelven los Web Components?
Ideas/conceptos claves
Web components son encapsulados de código, que coexisten entre si
Apuntes
Problema
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.
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 :D
pero si ocupas cosas en otra tecnología no tienes o se tiene de otra forma ahí como haces?
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.
Hola:
Les dejo este link acerca de web components: https://www.digital55.com/desarrollo-tecnologia/introduccion-web-components/
saludos :)
Esta bueno el articulo.
++¿Porque usar Web Components?++
1. Ahorran energia: Los frameworks de Javascript estan llenos de mejores practicas, herramientas de plantillas, modelos basicos y estandares en la industria. Te permite publicar y construir apps en poco tiempo. Adicionalmente, permite nos permite como desarrolladores enfocarnos en cosas importantes y no solamente en la arquitectura.
2. Codigo reusable: Los componentes construidos con un framework de Javascript son intercambiables, y los equipos no tienden a reinventar la rueda.
3. Un lenguaje comun: Usar un framework de Javascript forma un entendimiento compartido entre desarrolladores. Todos hablan el mismo lenguaje en la misma pagina.
¿Qué problemas resuelven los Web Components?
El desarrollo web actual esta plagado de todo un ecosistema basado en JS, existes múltiples frameworks y librerías que nos facilita el desarrollo de aplicaciones web pero no están hechas para coexistir entre ellas.
Aquí nace el concepto de web components basado en un encapsulado de JS vanila dando como resultado una compatibilidad natural.
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.
👌
Asi es, uno no sabe si reir o si llorar, acualmente cambia un poco el contexto con la IA, pero es la misma cosa con la IA, te descuidas un mes, y lo que aprendiste ahora se hace diferente.
Dejo por aqui este cuadro, sobre lo que habla el profesor:
¿Qué pasa si mezclo diferentes frameworks frontend?
En el desarrollo tradicional, mezclar diferentes frameworks en un mismo proyecto genera un código inflado, conflictos de dependencias y un rendimiento terrible porque el navegador debe descargar múltiples motores de renderizado. Sin embargo, al encapsular tu lógica visual en estándares nativos, creas una barrera protectora donde los estilos CSS y el comportamiento JavaScript de cada componente no chocarán con el resto de la aplicación. Esto resulta ideal para arquitecturas de Micro-Frontends, permitiendo que distintos equipos trabajen con sus herramientas preferidas y logren integrar todos los módulos perfectamente en la misma pantalla.
El Problema: Fragmentación del Ecosistema
El desarrollo moderno depende de frameworks o librerías (React, Angular, Vue) que crean silos tecnológicos.
La Solución: Web Components
Son estándares nativos del navegador diseñados para resolver la fragmentación.
ehh que curioso yo hace 7 años deje de programar y este años estoy regresando a hacerlo
genial!
