504. Адвенты, JS 30 лет, Chrome 143, TypeScript 7, npm и Server Components, Tailwind, CSS-in-JS

Простой способ сказать нам «спасибо» и попасть в закрытый чат:• Бусти• ПатреонВедущие: Алексей Симоненко, Полина Гуртовая, Вадим МакеевТемы00:00:00 Интро00:01:07 Адвент-календари00:08:41 JavaScript 30 лет00:20:15 Новинки Chrome 14300:34:40 Планы на TypeScript 700:50:35 Безопасность npm01:04:36 Опасные Server Components01:12:09 Снова про Tailwind01:32:00 Предательство CSS-in-JSСмотрите нас• Лайв на ЮтубеАдвент-календари• Web Design / Dev Advent Calendars for 2025JavaScript 30 лет• Netscape and Sun announce JavaScript• Andrey LechevНовинки Chrome 143• Chrome 143• Perfectly Pointed Tooltips: A Foundation• Idiosyncrasies of the HTML parser• Removing XSLT for a more secure browserПланы на TypeScript 7• Progress on TypeScript 7Безопасность npm• No more tokens! Locking down npm Publish WorkflowsОпасные Server Components• Critical Security Vulnerability in React Server Components• Cloudflare outage on December 5, 2025Снова про Tailwind• Why Tailwind is great, why you might be missing out, and why it isn't for meПредательство CSS-in-JS• CSS-in-JS: The Great Betrayal of Frontend Sanity• Vanilla CSS is all you needОтветы на вопросы[email protected]

Простой способ сказать нам «спасибо» и попасть в закрытый чат:• Бусти• ПатреонВедущие: Никита Дубко, Алексей СимоненкоТемы00:00:00 Интро00:01:38 Анимация width/height в CSS00:16:32 Как писали поддержку TS в Node.js00:37:42 Атака Shai-Hulud 2.0 в npm01:07:50 Зачем вариативные шрифтыСмотрите нас• Лайв на ЮтубеАнимация width/height в CSS• Animating CSS width or height no longer forces a Main Thread animationКак писали поддержку TS в Node.js• How a summer in Abruzzo helped bring type stripping to Node.jsАтака Shai-Hulud 2.0 в npm• The devastating npm supply chain attack threatening developer ecosystems• Supply chain attack: 25K+ repos exposing secrets• GitLab discovers widespread npm supply chain attackЗачем вариативные шрифты• Variable fonts explained: reduce bloat and fix layout shiftsОтветы на вопросы[email protected]

Простой способ сказать нам «спасибо» и попасть в закрытый чат:• Бусти• ПатреонВедущие: Вадим Макеев, Андрей Мелихов, Алексей Симоненко, Никита ДубкоТемы00:00:00 Интро00:01:22 Новости с TPAC00:20:50 Отчёт TC39 за ноябрь00:40:26 Расписание на CSS01:02:55 URL как состояние01:23:30 Компонентов тултипов01:37:00 Фаулер про AI01:55:20 Ответы на вопросыСмотрите нас• Лайв на ЮтубеНовости с TPAC• TPAC detailed schedule• Display: grid-lanes• HTML in Canvas• Web Extensions• Two-phase view transitions• streamHTMLUnsafe()• Out-of-order HTML patchingОтчёт TC39 за ноябрь• 111th meeting of Ecma TC39Расписание на CSS• Building a multi stage timetable with modern CSSURL как состояние• Your URL Is Your StateКомпоненты тултипов• Tooltip Components Should Not ExistФаулер про AI• How AI will change software engineeringОтветы на вопросы• Removing XSLT for a more secure browser• XSLT Polyfill• Firefox: it would be good to remove XSLT• WebKit is cautiously [email protected]

Простой способ сказать нам «спасибо» и попасть в закрытый чат:• Бусти• ПатреонВедущие: Никита Дубко, Андрей МелиховТемы00:00:00 Интро00:01:38 Новинки Firefox 14500:19:47 Safari 26.1 и Interop00:28:08 AI нравится TypeScript00:47:19 Как дела у Baseline01:07:29 История Val Town01:28:46 Ответы на вопросыСмотрите нас• Лайв на ЮтубеНовинки Firefox 145• Firefox 145 release notes for developersSafari 26.1 и Interop• WebKit Features for Safari 26.1• Interop 2025 DashboardAI нравится TypeScript• TypeScript’s rise in the AI era: Insights from Lead Architect, Anders HejlsbergКак дела у Baseline• Perfecting BaselineИстория Val Town• Val Town 2023-2025 RetrospectiveОтветы на вопросы[email protected]

Простой способ сказать нам «спасибо» и попасть в закрытый чат:• Бусти• ПатреонВедущие: Андрей Мелихов, Полина Гуртовая, Вадим Макеев, Никита Дубко, Алексей СимоненкоТемы00:00:00 Интро00:01:54 Новости по-английски00:10:51 Как меняется фронтенд00:32:03 Мы пишем код в 202501:06:47 Что нас бесит01:31:58 Вангуем 600-йСмотрите нас• Лайв на ЮтубеНовости по-английски• Mastodon• Bluesky• X• Сайт с новостямиКак меняется фронтенд• Выпуск №100• Выпуск №200• Выпуск №300• Выпуск №400• Liskov’s gun: The parallel evolution of React and Web components• Image formats: Codecs and compression toolsЧто нас бесит• Form control styling, CSS Day 2025Ответы на вопросы[email protected]

Простой способ сказать нам «спасибо» и попасть в закрытый чат:• Бусти• ПатреонВедущие: Никита Дубко, Алексей СимоненкоТемы00:00:00 Интро00:01:22 Новинки Chrome 14200:28:15 HTTPS по умолчанию00:36:58 ESM в 202600:47:36 Перфоманс фреймворков01:14:19 Пора регулировать ReactСмотрите нас• Лайв на ЮтубеНовинки Chrome 142• Chrome 142HTTPS по умолчанию• Google online security blog: HTTPS by defaultESM в 2026• Import JavaScript like it’s 2026Перфоманс фреймворков• I built the same app 10 times: evaluating frameworks for mobile performanceПора регулировать React• Is it time to regulate React?Ответы на вопросы[email protected]

Простой способ сказать нам «спасибо» и попасть в закрытый чат:• Бусти• ПатреонВедущие: Андрей Мелихов, Полина Гуртовая, Вадим Макеев, Алексей СимоненкоТемы00:00:00 Интро00:00:59 Privacy Sandbox всё00:21:06 React Compiler00:39:10 Интерактивные элементы00:57:41 JSON: import или fetch01:13:29 ChatGPT Atlas и ARIA01:34:24 Ответы на вопросыСмотрите нас• Лайв на ЮтубеPrivacy Sandbox всё• Update on Plans for Privacy Sandbox Technologies• Privacy Sandbox feature status• Гугл и куки в 421-м• Storage Access APIReact Compiler• React Compiler v1.0• How React Compiler Performs on Real Code• Жизнь до и после React Compiler• React-compiler-healthcheckИнтерактивные элементы• What’s an interactive element?• O dialog focus, where art thou?JSON: import или fetch• Importing vs fetching JSONChatGPT Atlas и ARIA• Introducing ChatGPT Atlas• ChatGPT Altlas: Publishers and Developers• First Rule of ARIA UseОтветы на вопросы• State of JS 2024: Resources• Syntax.fm• ShopTalk Show• PodRocket• Off The Main Thread• Whiskey Web and Whatnot• Igalia [email protected]

Простой способ сказать нам «спасибо» и попасть в закрытый чат:• Бусти• ПатреонВедущие: Никита Дубко, Вадим МакеевТемы00:00:00 Интро00:01:15 Опрос MDN00:02:56 Новинки Firefox 14400:19:13 Прогрессивные картинки00:48:37 Библиотека CSS extras01:05:44 Теория мёртвых фреймворков01:29:41 Ответы на вопросыСмотрите нас• Лайв на ЮтубеОпрос MDN• MDN Developer SurveyНовинки Firefox 144• Firefox 144 release notes for developers (Stable)• Same-document view transitions have become Baseline Newly available• A beginner-friendly guide to view transitions in CSSПрогрессивные картинки• The present and potential future of progressive image renderingБиблиотека CSS extras• A collection of useful CSS custom functions• Sindre Sorhus• I am sorry, but everyone is getting syntax highlighting wrongТеория мёртвых фреймворков• Dead framework theory• Using CSS custom functionsОтветы на вопросы• Allow authors to apply new css features (like cascade layers) while linking [email protected]

Простой способ сказать нам «спасибо» и попасть в закрытый чат:• Бусти• ПатреонВедущие: Андрей Мелихов, Алексей Симоненко, Полина ГуртоваяТемы00:00:00 Интро00:01:38 Новинки Chrome 14100:23:11 Гриды как таблицы00:30:40 Всё уже есть в Node.js00:45:23 Современные цвета в CSS00:53:15 Какой if() в CSS нам нужен01:01:26 История Prettier01:25:50 Агенты в Playwright01:34:23 Вайб-инжиниринг01:51:56 Ответы на вопросыСмотрите нас• Лайв на ЮтубеНовинки Chrome 141• Chrome 141• Devtools MCP featuresГриды как таблицы• CSS Grid: A helpful mental model and the power of grid linesВсё уже есть в Node.js• 15 Recent Node.js Features that Replace Popular npm PackagesСовременные цвета в CSS• A pragmatic guide to modern CSS colours - part oneКакой if() в CSS нам нужен• CSS if() — breakthrough or breakdown?История Prettier• Birth of Prettier• The Hardest Program I’ve Ever Written• A Prettier JavaScript Formatter• A prettier printerАгенты в Playwright• Playwright AgentsВайб-инжиниринг• Vibe engineeringОтветы на вопросы• A deep dive into Cloudflare’s September 12, 2025 dashboard and API [email protected]

Простой способ сказать нам «спасибо» и попасть в закрытый чат:• Бусти• ПатреонВедущие: Андрей Мелихов, Алексей Симоненко, Вадим МакеевТемы00:00:00 Интро00:01:23 State of JS и лого W3C00:10:47 Подчистка зависимостей00:17:07 WPT спасли веб-платформу00:38:25 Ответ Deno и GitHub на эксплойты npm01:08:50 HTML в скринридерах01:21:47 Так себе фреймворк Next.js01:41:00 Ответы на вопросыСмотрите нас• Лайв на ЮтубеState of JS и лого W3C• State of JavaScript 2025• The W3C adopts a new logo• W3C unveils its new logoПодчистка зависимостей• Cleaning house in nx monorepo, how I removed 120 unused deps safelyWPT спасли веб-платформу• How a Shared Test Suite Fixed the Web’s Biggest Problems• Web Platform Tests• ACID TestsОтвет Deno и GitHub на эксплойты npm• How Deno protects against npm exploits• Our plan for a more secure npm supply chainHTML в скринридерах• Screen reader HTML support tables• Screen reader HTML support lookupТак себе фреймворк Next.js• Why Next.js Falls Short on Software EngineeringОтветы на вопросы• Adam [email protected]