🔝 Всем привет, всем привет! 🔝

Вчера произошла небольшая революция в сфера рендеринга текста 🚀🚀🚀

Разработчик из команды React и Midjourney дропнул проект ➡️

📱 Pretext

Данная библиотека позволяет измерять и верстать многострочный текст вообще без участия DOM.

Обычно, чтобы узнать высоту блока, браузер должен его отрендерить (привет, тяжелый reflow) — Pretext делает все расчеты в памяти через canvas.measureText 💡

Что это дает ⁉️

🔤Невероятная производительность — до 120 FPS при сложной анимации текста
🔤Продвинутая типографика — текст может обтекать объекты любой формы в реальном времени
🔤Многоколоночная верстка как в глянцевых журналах, где текст бесшовно перетекает из одного блока в другой

Библиотека поддерживает разные языки и эмодзи. При всём этом текст остается «живым» — его можно выделить, скопировать, и он полностью доступен для скринридеров.

🔗 Официальные демки

Народ конечно развлекается как может (и это правильно для вирусного продвижения), но по факту это решенная фундаментальная проблема, которая висела в вебе десятилетиями.

Ждем, когда подобные подходы станут стандартом в движках 😂

🔤🔤🔤🔤

#frontend #rendering #typography #webdev #gamedev #lifeexe #lifeexecode