Componentes web HTML

Entender los componentes web HTML

• Los componentes web priorizan funciones y formas de uso distintas a las de los componentes de React.
• Los componentes web tienen un diseño que pone más énfasis en mejorar que en reemplazar.
• Los componentes web pueden renderizarse incluso sin JavaScript, y esa es una característica que los diferencia de los componentes de React.

La victoria de la mejora progresiva en la web

• La web fomenta un enfoque de mejora progresiva que perfecciona las tecnologías existentes, y eso aumenta la resiliencia de la web.
• Los grandes cambios en la web ocurren mediante mejoras graduales.
• Las buenas ideas de XHTML, XMLHttpRequest, Sass, jQuery y Typescript se integraron en los estándares web para mejorar las tecnologías existentes.
• Los componentes web llevan el modelo de componentes de React a la web, pero avanzan en la dirección de mejorar la forma en que la web ya funciona.

Opinión de GN⁺

• Es importante que los componentes web estén evolucionando en una dirección que mejora las tecnologías web existentes en lugar de reemplazarlas.
• Este artículo puede resultar interesante para desarrolladores web que quieran entender la filosofía de diseño única de los componentes web y la dirección a largo plazo de la evolución de las tecnologías web.

[GN⁺]

Opiniones de Hacker News

• Señala que falta una explicación de la funcionalidad del avatar de usuario y menciona que usar directamente el atributo src podría ser más eficiente. Parece que los frameworks de frontend amplían HTML en lugar de reemplazarlo. Expresa decepción con los web components y sostiene que el enfoque de "baterías incluidas" que ofrecen los frameworks es más útil para desarrollar aplicaciones.
• Comparte un enlace a un artículo que ofrece información adicional sobre los web components. Destaca que estos pueden renderizarse antes de que se ejecute JavaScript mediante server-side rendering (SSR).
• Menciona que los componentes de frameworks de frontend no serán reemplazados por completo y que pueden componerse fácilmente usando slots. En cambio, critica que los web components son difíciles de usar y terminan dependiendo de la API del DOM. Sostiene que XHTML fracasó no porque no extendiera HTML, sino porque puso la validación del lado del cliente.
• Comparte una experiencia positiva con los web components y propone un enfoque que usa principalmente HTML/CSS sin pasos de build complejos ni routers del lado del cliente.
• Plantea la idea de que React amplía HTML en lugar de reemplazarlo y comparte su experiencia usando funciones nativas del navegador.
• Enfatiza que los web components deben enfocarse en una sola función y, a diferencia de los frameworks de JS, no buscan ofrecer un ecosistema completo. Comparte su experiencia desarrollando un web component para reproductor de video.
• Comparte su experiencia usando web components sin entorno de build y señala que la ausencia de módulos HTML está frenando el desarrollo de los web components.
• Expresa que prefiere un enfoque de extender y reforzar HTML a nivel técnico para facilitar el mantenimiento a largo plazo de proyectos web y minimizar dependencias.
• Ofrece un ejemplo del uso estándar de web components y explica cómo usar el atributo is.