Новости фронтенда. №2

Всем привет ребята! Весьма множество новостей и все супер крутые!!

🛸🚀🌍 САМОЕ ВАЖНОЕ В МИРЕ

Весь мир следит за Artemis II — первую пилотируемую миссию к Луне за последние 50+ лет. Да, снова люди за пределами орбиты Земли. Состав экипажа: Reid Wiseman, Victor Glover, Christina Koch и Jeremy Hansen. План простой (на бумаге): некоторое количество витков вокруг Земли, затем четырёхдневный перелёт к Луне, облет с выходом около на 7500 км за неё и возвращение по безопасной траектории обратно.

Задача, которую решает Artemis II, существует ещё со времён Аполлонов: люди давно не тестировало пилотируемые миссии в глубоком космосе. Нужно заново проверить все системы с учётом современных технологий и (самое главное) куда более сложного софта.

Официальный трекер: https://www.nasa.gov/missions/artemis-ii/arow/

Посмотрите фоточки, они кстати сделаны на Iphone 17

👀 САМОЕ ВАЖНОЕ

Вышел Pretext — набор модулей, которая внезапно «починила» одну из самых старых проблем веба: измерение текста.

30 лет всё работало через боль. Хочешь узнать высоту текста — сначала отрендери его в DOM, поймай layout reflow (одну из самых дорогих операций браузера), слови просадку FPS и только потом получи цифры. Особенно весело это в виртуализированных списках, чатах и masonry-лейаутах, где таких измерений сотни.

Pretext меняет игру: он вообще не трогает DOM. Сначала prepare() разбивает текст, измеряет куски через Canvas и кэширует. Потом layout() просто полагает всё математикой — где переносы строк, какая итоговая высота, и всё это без единого reflow.

Итог звучит как шутка: ~94ms превращаются в ~0.05ms. Да, там есть нюансы с бенчмарками, но сам решение — это основной панчлайн: «чистая математика дешевле браузера в сотни раз».

По сути, это смена парадигмы. Браузер умеет хорошо рендерить текст, но ужасно — отвечать на вопросы о нём. Pretext делает наоборот: сначала считает, потом рендерит. И внезапно всё становится быстрее, точнее.

Это может сильно изменить всё, где есть динамический текст: чаты, виртуализация, canvas/WebGL ui, даже SSR в будущем. И да, это тот редкий случай, когда маленькая TS-библиотека выглядит умнее, чем нативная реализация в браузере.

Гляньте сюда (https://somnai-dreams.github.io/pretext-demos/the-editorial-engine.html)

😍 ЕЩЁ НЕМНОГО ИНТЕРЕСНОГО

1. В экосистеме Node.js твориться что-то, не пойму пока что. Они остановили Bug-bounty программу, сделали security-релиз. Есть проблемы с безопасностью? вот мой подробный обзор на эту пробему (https://youtu.be/N5_V9aRQik4?si=BWZXF1BoZli4wbhX).

2. EmDash — это попытка переизобрести WordPress под 2026 (https://blog.cloudflare.com/emdash-wordpress/): serverless, TypeScript и плагины в sandbox’ах с чёткими правами.

3. Claude Code эпично обосрался: Anthropic случайно слил ВЕСЬ исходник (https://alex000kim.com/posts/2026-03-31-claude-code-source-leak/). Внутри — фейковые тулзы для отравления конкурентов, «под прикрытием» режим и DRM на программный интерфейс.

4. Прелоад картинок — это не «один способ», а целый зоопарк: new Image(), preload, fetch, Cache программный оболочку. Главный инсайт — всё упирается в кэш и заголовки, поэтому «магия» легко ломается в проде (https://macarthur.me/posts/preloading-images/).

5. Inertia 3.0 — апдейт про упрощение (https://inertiajs.com/docs/v3/getting-started/upgrade-guide): выкинули Axios, встроили свой HTTP-клиент, сделали SSR «из коробки» и добавили optimistic updates. Минус зависимости, плюс DX.

6. Минимальный «возраст» пакетов — underrated безопасность (https://daniakash.com/posts/simplest-supply-chain-defense/): если ставить версии старше 3–7 дней, ты автоматически пропускаешь большинство supply chain атак.

7. Trusted publishing в npm (https://gist.github.com/kettanaito/debde3cabfae4f68d37cf0f8f3a6a666) — способ убрать токены из CI: один раз настроил, дальше деплой через OIDC из GitHub Actions без секретов.

8. TanStack Router переписал реактивность (https://tanstack.com/blog/tanstack-router-signal-graph): вместо одного огромного router.state теперь граф маленьких стораджей. В итоге меньше лишних обновлений и быстрее навигация — классический переход от «одного стора на всё» к granular reactivity.

9. Материал объясняет, как работают Signals (https://willybrauner.com/journal/signal-the-push-pull-based-algorithm) — механизм реактивности, используемый в современных фронтенд-фреймворках вроде Vue.js и SolidJS.

Если вы дочитали до сюда, то вот вам нереальная новость:

Гигантские экраны в авто — это говно! Даже великий Jony Ive, теперь работающий с Ferrari, сообщает прямо (https://www.topgear.com/car-news/big-reads/a-large-touchscreen-doesnt-work-a-car-sir-jony-ive-designing-ferrari-luces): тачскрины — ленивая и опасная халтура. Нормальный интерфейс — это физические кнопки, контроль и внимание к дороге, а не айпад, прилепленный к панели.