Новости

• вышел Vite 5.0: прибрались, дропнули поддержку старых версий Node, задепрекейтили CommonJS-модули, обновили Rollup до 4
• Prettier 3.1 теперь умеет форматировать вложенные тернарники лесенкой
• вышел Firefox 121.0beta и там долгожданная поддержка :has без флага, а также менее долгожданные Lazy loading iframes и поддержка text-wrap: balance, ждём в стабильного релиза в качестве новогоднего подарка 🎁
• вышел redux-toolkit v2.0.0-rc.0, есть breaking changes
• вышел TypeScript 5.3, отличий по сравнению с RC-версией нет
• контрьбьюторам Node не понравилось выпиливание форматирования из ESLint и появилось предложение использовать Biome в качестве форматтера (это же была нативная реклама в PR, да?)
• State of JavaScript 2023 начался: как обычно мне больше всего интересна первая страница с примерами кода, но посмотреть на итоги голосования тоже будет интересно (чтоб узнать, всё ли React или ещё нет)

Проекты

• Loro — либа для реализации offline-first и CRDT-приложений
• React Datasheet Grid — либа для реализации редактируемых таблиц типа Notion и Airtable
• svg-icons-cli — тулза для генерации SVG-спрайтов (тк использование SVG напрямую в бандлах удобно, но дорого и медленно)
• рекламный лендос возможностей веб-платформы (оч крутой) от разрабов Chrome
• обучалка основам веб-разработки (если у вас спросят, как стать разработчиком, это неплохой свежий гайд на английском)

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

JS

• Explicit Resource Management — изучение новой фичи TS и платформы using, которая может указывать движку, чтоб прибрал подвисшие в памяти процессы
• обзор легковесных JS-фремворков за пределами React-пузыря (да, там тоже есть жизнь)
• как собрать и использовать NPM-пакет вне Node, например, в браузере (олды сразу вспомнят browserify)
• инсайты разработчика аудио-приложения в браузере: интересный тейк — обработку iframe с разными доменами Chromium-браузеры могут выполнять не в основном потоке (такой Prioritized Task Scheduling API из айфреймов и палок)
• оказывается Next.js умеет обрабатывать md-файлы со встроенными React-компонентами (у меня до сих пор к этому подходу есть вопросики, намного лучше выглядит включение веб-компонентов в md)
• никогда не будет лишним прочитать гайд по именованию разных штук в JS-коде
• разные подходы на написания веб-компонентов на примерах: улучшающие код, дополняющие код и генерирующие код

CSS

• качественный гайд по CSS Nesting
• качественный гайд по CSS Grid
• качественный гайд по CSS Container queries
• и всё же, как лучше собирать CSS-файлы: в бандл, отдельными файлами или использовать @import внутри?
• возможности dev-tools для дебага разных CSS-вещей
• и почему же всё таки height в CSS так странно работает (не как width)?