He descubierto un proyecto de código abierto increíble en el mundo del frontend, ¡44k estrellas no es exageración!


pretext resolvió un problema de maquetación de texto que los ingenieros frontend llevan veinte años sin poder solucionar.
La renderización tradicional de páginas web se basa en DOM, cada vez que ajustas el texto hay que recalcular toda la maquetación, lo que consume mucho rendimiento. Esta herramienta evita directamente el DOM, usa Canvas para calcular solo con aritmética el ancho y alto de los caracteres, **sin reflujo de maquetación**, el rendimiento pasa de 30ms a 0.05ms, ¡una mejora de 600 veces!
Veamos algunas operaciones impresionantes:
✦ Diálogos de burbujas que se adaptan perfectamente automáticamente, sin desperdicio de píxeles (el CSS ni siquiera puede hacer esto)
✦ Animaciones en arte ASCII en tiempo real, caracteres que cambian según el brillo
✦ Cálculo automático de la altura de componentes de acordeón, sin hacks de CSS
✦ Diseño de flujo de cascada de múltiples columnas, suave y fluido
Antes, para lograr estos efectos, había que usar todo tipo de tecnologías avanzadas + comprometer rendimiento, ahora simplemente preprocesan y calculan todo, ahorrando incluso en el motor de renderizado del navegador.
El autor chenglou (miembro clave de ReasonML) realmente ha llevado la maquetación de texto a otro nivel. Para quienes hacen frontend, visualización o interactúan con creatividad, esta librería es imprescindible, abre las puertas a un nuevo mundo.
La dirección del proyecto está en los comentarios👇
Ver original
Esta página puede contener contenido de terceros, que se proporciona únicamente con fines informativos (sin garantías ni declaraciones) y no debe considerarse como un respaldo por parte de Gate a las opiniones expresadas ni como asesoramiento financiero o profesional. Consulte el Descargo de responsabilidad para obtener más detalles.
  • Recompensa
  • Comentar
  • Republicar
  • Compartir
Comentar
Añadir un comentario
Añadir un comentario
Sin comentarios
  • Anclado