Crea una cuenta o inicia sesi贸n

隆Contin煤a aprendiendo sin ning煤n costo! 脷nete y comienza a potenciar tu carrera

Beneficios de Web Components

5/22
Recursos

Aportes 12

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Ventajas

REUTILIZACI脫N
Don鈥檛 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

<h4>Apuntes</h4>
  • Reutilizaci贸n
    • Don鈥檛 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鈥檛 repeat yourself

<h4>Beneficios de Web Components</h4>
  • Reutilizaci贸n -> DRY (Don鈥檛 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!!