Викли 1, июль

Vite 7 – путь к Вершине

24.06.2025, Ссылка на анонс, Ссылка на релиз

Vite — один из самых популярных бандлеров фронтенда, который в своё время пришел на замену Webpack. С самого начала Vite использовал Rollup для обработки бандла и сборки чанков, что позволило писать более простые конфиги.

С недавнего время начали появляться инструменты, которые теперь пишут на нативных языках или переписывают существующие на них. У таких инструментов есть неоспоримое преимущество — они очень быстрые.

Немного про нативность в Vite

На самом деле в Vite есть небольшая часть толика нативности — при минификации бандла используется esbuild, написанный на Go. Однако основная часть времени приходится на исполнение Rollup, написанного на JavaScript.

В прошлом году на сцену вышел Rolldown — бандлер, полностью написанный на Rust с идеологией, позаимствованной у Vite. В скором будущем появилось ещё несколько бандлеров, использующих нативные языки, например rslib, Mako и tsdown. Спустя 5 лет существования Vite теперь и он получит улучшение — Rollup будет заменён на Rolldown.

Итак, 24 июня 2025 — вышел Vite 7, привнеся с собой практически полностью обратно совместимый пакет rolldown-vite! Миграция максимально простая — просто меняем линк до оригинального пакета в package.json и получаем 10-20-кратное ускорение времени билда. Это первая фаза миграции Vite на Rust, которая уже может прекрасно работать на большинстве проектов. Во второй фазе нас ждёт полная интеграция Rolldown в Vite.

Important

У Rolldown нет нормальной поддержки Module Federation, придётся немного подождать — обещают собственную реализацию данного функционала.

Ссылка на оригинал

CSS Gap Decorations – будущее оформления отступов в CSS

11.06.2025, Ссылка на статью

CSS Gap Decorations – новый способ стилизации отступов во флексах и гридах, анонсированный весной этого года. Новая фича позволит стилизовать отступы между колонками и строками сеток, как будто это обычный border.

Отступы в компонентах пользовательского интерфейса, таких как календари, карточки или сетки данных, могут значительно улучшить читаемость и улучшить общую эстетику. Однако достижение этого эффекта в макетах флексов и гридов традиционно требовало неудобных обходных путей с границами, псевдоэлементами или комбинацией gap и background-color у родительского элемента. Такие “хаки” не самые удобные и имеют несколько проблем: не интуитивно-понятные, порождают копирование кода, сложны в поддержке и расширяемости.

Новую фичу можно испытать в Chrome и Edge 139 в подготовленной песочнице.

Тестирование фичи

Для тестирования Gap Decorations может потребоваться включить флаг в браузере: на странице chrome://flags необходимо включить Enable Experimental Web Platform Features.

Ссылка на оригинал

Prettier 3.6

23.06.2025, Ссылка на новость

Вышел Prettier 3.6 и сразу порадовал более быстрым, но пока экспериментальным, CLI, который команда разрабатывает с 2023 года. Новый CLI работает быстрее, имеет возможность кэширование и быстрее форматирует файлы. В 2023 году добились хорошего ускорение CLI и теперь можно использовать его в стабильной версии.

Важными фичами релиза являются два новых плагина: поддержка компилятора Oxc и движка Hermes для React Native.

Приятными исправлениями являются улучшение форматирования скобок, исправление форматирования методов, вызываемых у чисел и форматирование чейнов. Дополнительно внесли много исправлений в большинство парсеров.

Ссылка на оригинал