Новости

• вышел Electron 28.0.0: добавлена поддержка ES-модулей и там всё оч интересно: главный процесс Electron-а запускается в ноде и соответственно использует имплементацию ESM ноды, а рендерится всё в хромиуме и там уже другая имплементация, Electron выбирает, как быть, в зависимости от контекста
• вышла библиотека StyleX от фб: из плюсов — типизация, генерация в билд-тайме, из минусов — непонятно зачем это нужно сейчас кому-то, кроме фб
• Remix запланировал реализацию React Server Components (видимо, вынужденно)
• вышел Vitest v1.0.0: кажется уже устаканилось настолько, чтобы внедрять (1.0.0 внушает доверие)
• вышел новый HTML5 Boilerplate (да, это не шутка! внимание, может вызвать ностальгические чувства)

Проекты

• как вам стейт-менеджер веб-приложений в виде SQL-бд (чудны дела твои, эволюция)? такое есть в SQLSync (а для выборки из стора можно пользовать SQL, yay)
• симпатичная либа компонентов на тейлвинде floatui (проект настолько свежий, что не успели ещё поправить ридми)
• tsdiagram сгенерит для вас на лету красивую диаграмму из хитросплетений типов
• just another либа для манипуляций с цветом culori
• тул для сбора перфоманс-метрик (в том числе Web Vitals) на пользовательских устройствах и отсыла их обратно через google-аналитику либо другие аналитические тулы (главное чтобы браузеры не блочили аналитические тулы)

Статьи и демки

JS

• как улучшить перфоманс-метрику INP: предсказуемые способы разгрузить основной поток setTimeout, requestAnimationFrame, requestIdleCallback, а также неведомый scheduler.yield()
• как плохой INP может уронить бизнес-метрики
• ещё одна попытка заинтересовать в веб-компонентах: в них можно бесплатно инкапсулировать логику, есть встроенные колбеки на добавление и удаление из DOM-а и изменение «пропсов»
• как заменить npm, yarn и nvm на pnpm (правда не очень понятно зачем)
• сборник рецептов для Puppeteer (от простого волшебства к сложным заклинаниям)
• как сделать скриншот фрагмента страницы с помощью Playwright
• old but gold: что такое и с чем едят JavaScript Import maps
• паттерны проектирования реакт-компонентов: as и asChild (is this a полиморфизм?)
• история того, как в JS появилось именно такое ООП, какое есть сейчас (читать с кофе, в кресле, укрывшись пледом)
• реактивный JS-фреймворк на коленке, откуда можно узнать: юзкейс для Proxy, незаслуженно неизвестное API queueMicrotask, ликбез по tagged template literals
• хитрая магия, чтобы делать «подтипы» в TS (после использования сжечь проект!)

CSS

• тулза для генерации CSS для подключения шрифтов
• дешёвый и сердитый способ сделать инпут для one-time-пароля (без JS!)

HTML

• примеры классного дизайна… URL (от stackoverflow, slack, github, npm и unpkg)