Beneficios de Web Components

Ventajas

REUTILIZACIÓN
Don’t Repeat Yourself (you only have to build it once)

LEGIBILIDAD
Hace más fácil a los demás entender el código. Mejor semántica.

MANTENIBILIDAD
Cada uno de los componentes puede ser escrito y probado de forma individual, sin comprometer la aplicación completa.

INTEROPERABILIDAD
Los frameworks y librerías no están hechos para coexistir entre ellos. Los Web Components sí.

CONSISTENCIA
Gracias a la naturaleza reutilizable e interoperable de los Web Components ya no tendrás que crear los mismos componentes en diferentes frameworks o librerías.

De hecho, los beneficios son similares a los de cualquier framework o librería (exceptuando la interoperabilidad 👀).
.

1. Reutilización
2. Legibilidad
3. Mantenibilidad
4. Interoperabilidad
5. Consistencia

✅ Beneficios de Web Components

• Reutilización
  • Don’t repeat yourself
  • Web Components ⇒ Construyes una sola vez y lo utilizas para siempre
• Legibilidad
  • Reduce el código a cosas más simples y directas
• Mantenibilidad
  • Cada uno de los componentes pueden ser escritos y probados de forma individual
  • Si un componente se rompe entonces no afectara al resto de la aplicación
• Interoperabilidad
  • Los frameworks y librerías no están hechos para coexistir entre ellos
  • Los web components si
• Consistencia
• Los componentes pueden vivir en cualquier framework o librería
• Puede llegar a ser bastante personalizable

En el min 2:20 Le falta un guion a la etiqueta de cierre de card-header, quizas lo hizo aproposito para que lo descubramos (?)

Increíble. Ahora estoy entendiendo como realmente funciona React tras bambalinas.

📌 Que beneficios aportan los Web Components?

✨ Reutilización

DRY, solo debes construirlo una vez, y luego reutilizarlo cuando quieras y donde quieras.

✨ Legibilidad

Al no reutilizar tanto código, pues podemos generar estructuras mucho mas legibles.

✨ Mantenibilidad

Cada componente puede ser escrito y probado de forma individual.

✨ Interoperabilidad

Los Web Components están hechos para coexistir con todo el ecosistema del desarrollo web.

✨ Consistencia

Gracias a la naturaleza reutilizable e interoperable, ya no tendrás que crear los mismos componentes en diferentes frameworks o librerias.

BENEFICIOS DE WEB COMPONENTS

• Reutilización
• Legibilidad
• Mantenibilidad
• Interoperabilidad
• Consistencia

REUTILIZACIÓN

• Dont Repeat Yourself, no repitas el código que ya hiciste, en el tema de web components se utiliza mucho el termino donde usamos el código solo 1 vez.
• Cuando logres construir un componente lo puedes usar en cualquier tipo de aplicación sin importar el framework o librería que uses.

LEGIBILIDAD

• Si tenemos programas muy extensos la legibilidad se empieza a ver afectada por la cantidad de líneas de código.
• Trataríamos de hacer una estructura con nombres entendibles y de esta forma contribuimos ala semántica.

MANTENIBILIDAD

• Cada uno de los componentes pueden ser escritos y probados de forma individual.
• No debemos preocuparnos por si rompemos algo y que toda nuestra aplicación se dañe, esto también suele pasar con algunos framework y libreras de JavaScript.
• Resulta en menos líneas de código y aumentar su legibilidad y su mantenibilidad.

INTEROPERABILIDAD

• Los frameworks y librerías no están hechos para coexistir entre ellos, por lo que si quieres mezclar Angular con React es imposible.
• Pero los componentes web si, están hechos para coexistir con todo el ecosistema de desarrollo web.

CONSISTENCIA

Gracias ala naturaleza reutilizable e interoperable de los web components ya no tendrás que crear los mismos componentes en diferentes frameworks o librerías.

Don’t repeat yourself

• Reutilización -> DRY (Don’t Repeat Yourself)
• Legibilidad -> Es mucho más fácil leerlos y entenderlos a comparación de HTML puro.
• Mantenibilidad -> Cada unos de los componentes pueden ser escritos y probados de forma individual
• Interoperabilidad -> Los frameworks y librerías no están hechos para coexistir entrellos. Los WC sí.
• Consistencia -> Gracias a la naturaleza reutilizable e interoperable de los WC ya no tendrás que crear los mismos componetes en diferentes frameworks o librerías.

waoo esto de los componentes suena genial, y es solo el principio 😎

.

Creo que es de suma importancia recalcar que nuestro codigo tiene que ser legible para todos no solo para nosotros mismos. Para esto hay un curso muy bueno de accesibilidad!!