Познакомьтесь с Datatype – шрифтом, который превращает текст в графики. Доступен в Google Fonts и в Workspace.

Простой синтаксис вроде {b:10,25,7,95} автоматически преобразуется в спарклайны, круговые диаграммы и бар-чарты, которые отлично смотрятся в ваших документах, презентациях и таблицах

Datatype на Google Fonts

➡️ @FrontendPortal

Этот опенсорсный веб-компонент автоматически генерирует скелетон-заглушки с shimmer-эффектом на основе вашего реального UI с множеством настроек.

→ не нужно создавать отдельные skeleton-компоненты
→ генерирует лоадеры по фактической структуре DOM
→ настраиваемые shimmer-эффекты и стили
→ работает с React, Vue, Svelte и другими фреймворками

https://github.com/Aejkatappaja/phantom-ui

➡️ @FrontendPortal

Blossom — это опенсорс система каруселей с огромным количеством красивых паттернов и готовых примеров. Также в комплекте идут навыки для AI-агентов, а ещё есть поддержка React, Vue, Svelte и Web Components.

github.com/jespervos/blossom-carousel

➡️ @FrontendPortal

Во ВКонтакте серьезно обновили frontend-архитектуру

Речь про переход ключевых разделов vk.com на SPA: ленты, профилей, сообществ, мессенджера и других сценариев, то есть про реальный highload frontend.

Что получили:
→ первая отрисовка страницы ускорилась на 25%
→ переходы между разделами — в 3.5 раза быстрее
→ интерфейс сразу показывает каркас страницы, а затем догружает контент

Из интересного по инженерке:
→ деплой фронтенда сократился до 20 секунд
→ 6–8 релизов в сутки
→ 100+ merge request ежедневно попадает в прод

Переход делали постепенно и без изменения привычного интерфейса.

https://www.cnews.ru/news/line/2026-06-03_vkontakte_obnovila_veb-platformu

➡️ @FrontendPortal

А ты знал, что в VS Code можно мгновенно выделить всё содержимое между парными скобками? 🤯

Просто дважды кликни внутри пары {} или (), и VS Code автоматически выделит весь код, который находится между ними.

Мелкая фишка, но при редактировании кода она может неожиданно сэкономить кучу времени ✌️

➡️ @FrontendPortal

Релизнулся Chrome 149! Наконец-то появилась возможность стилизовать gaps в CSS Grid и Flexbox.

Внешний вид календаря теперь тоже можно легко реализовать с помощью CSS Grid

➡️ @FrontendPortal

Cloudflare купила компанию, стоящую за Vite!

Компанию создателя Vue — Эвана Ю.

Теперь Cloudflare также владеет проектами Vitest, Rolldown, Oxc... Ранее у них уже был Astro. Теперь ещё и Vite.

Это даёт Cloudflare контроль над всем стеком. У них теперь есть все примитивы: frontend/backend-фреймворк, линтинг, тестирование, форматирование, JS runtime, база данных, KV, инференс, blob storage, access и так далее.

Умный ход. Аккуратно упакованный набор, который можно скормить LLM, чтобы она собрала сайт ✌️

➡️ @FrontendPortal

Метод для возврата элемента массива по указанному индексу

Он действует почти как скобочная запись array[index], за исключением того, что индекс может быть отрицательным

➡️ @FrontendPortal | #js

Принес небольшую коллекцию красивых переходов 😳

Внутри готовые анимации для карточек, меню, уведомлений, загрузок, переключателей и других элементов интерфейса. Всё можно сразу посмотреть, скопировать и украсть себе в проект.

https://transitions.dev/

➡️ @FrontendPortal

Откопал мощный редактор с кучей красивых готовых mesh-градиентов, которые можно визуально кастомизировать и экспортировать как изображения или даже анимированные видео

https://colorflow.ls.graphics/

➡️ @FrontendPortal

React Compiler на Rust почти готов

Команда React практически завершила перенос React Compiler с TypeScript на Rust. Новая версия уже используется внутри компании и показывает очень уверенные результаты:

• 99,9% паритета с текущей реализацией на TypeScript
• около 25% прироста производительности
• более глубокая интеграция с экосистемой Rust-инструментов, включая SWC и OXC

Отдельно интересно, что часть портирования проходов компилятора выполнялась с помощью вайб-кодинга

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

Параллельно экосистема уже готовится к переходу на новую версию. Для React Compiler на Rust появились черновые интеграционные PR для:

• Oxc
• SWC
• Bun

➡️ @FrontendPortal

Есть повод отпраздновать!

facebook/react → react/react

➡️ @FrontendPortal