В этом выпуске мы коротко подведём итоги года. Я постараюсь рассказать о том, что запомнилось, было важно или оказало влияние на индустрию. Текстовая версия Материалы ES2024 React 19 [EN] React 19 [RU] Next.js 15 Svelte 5 Deno 2.0 Петиция Deno Ответ Oracle Форма обратной связи Слушайте на любимой платформе: RSS Apple Podcasts SoundCloud Google Podc…

В этом выпуске мы коротко подведём итоги года. Я постараюсь рассказать о том, что запомнилось, было важно или оказало влияние на индустрию.Текстовая версия подкаста: https://blog.csssr.com/ru/news512/episode/news-267/Материалы:ES2024 – https://exploringjs.com/js/book/ch_new-javascript-features.html#new-in-es2024React 19 [EN] – https://react.dev/blo…

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:01:16 Интересные публикации CSS Wrapped 2024 Vanilla Calendar Pro npm-пакеты Приложение на Solid.js с Deno Импорт JS-библиотек без билд-систем Scheduler API Матовое стекло [EN] Матовое стекло [RU] Improve INP, part 1 Improve INP, part 2 Плагины для Obsidian, часть 1 Плагины для Obsidian…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-266/0:00:00 Начало выпуска0:01:16 Интересные публикацииCSS Wrapped 2024 — https://chrome.dev/css-wrapped-2024/Vanilla Calendar Pro — https://habr.com/ru/articles/862216/npm-пакеты — https://habr.com/ru/companies/ozontech/article…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-265/0:00:00 Начало выпуска0:00:35 Интересные публикацииУменьшение монорепозитория — https://www.jonathancreamer.com/how-we-shrunk-our-git-repo-size-by-94-percent/Генераторы — https://jrsinclair.com/articles/2022/why-would-anyone…

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:00:35 Интересные публикации Уменьшение монорепозитория Генераторы Атрибуты импортов в JS Гайд по анализу производительности Настройка проекта Next.js 15 Приложение на Vue и Django Headless CMS Виды рендеринга Vue и SSR Zod Алгоритмы и структуры данных на JS, часть 6 GenAIScript AI-инстр…

Форма обратной связи Текстовая версия 0:00:00 Новости релизов 0:00:43 Интересные публикации TC39 Advances 10+ ECMAScript Proposals How to convert CommonJS to ESM Building a Single-Page App with htmx [EN] Building a Single-Page App with htmx [EN] React Folder Structure 2024 CSS Anchor Positioning Guide Popover API 18 Interview Questions answered by …

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-264/0:00:00 Начало выпуска0:00:43 Интересные публикацииTC39 Advances 10+ ECMAScript Proposals — https://socket.dev/blog/tc39-advances-10-ecmascript-proposals-key-features-to-watchHow to convert CommonJS to ESM — https://deno.com…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-263/0:00:00 Начало выпуска0:00:47 Интересные публикацииAbortController — https://kettanaito.com/blog/dont-sleep-on-abort-controllerFP in JavaScript — https://janhesters.com/blog/unleash-javascripts-potential-with-functional-prog…

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:00:47 Интересные публикации AbortController FP in JavaScript WeakRef & FinalizationRegistry Деструктуризация в JS Playwright + Next.js Фикстуры в Playwright Пишем свой плагин для Webpack 50 понятий System Design Правила разработки с Node.js Приёмы отладки [RU] Приёмы отладки [EN] Истори…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-262/0:00:00 Начало выпуска0:00:39 Интересные публикацииНовое в React 19 — https://vercel.com/blog/whats-new-in-react-19React Compiler — https://www.freecodecamp.org/news/react-compiler-complete-guide-react-19/React and FormData …

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:00:39 Интересные публикации Новое в React 19 React Compiler React and FormData Особенности Effector Мутационное тестирование Многопоточность в Node.js Работа с буфером обмена Работа с буфером обмена, перевод Алгоритмы и структуры данных на JS, часть 4 Алгоритмы и структуры данных на JS,…

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:00:31 Интересные публикации How To Create An NPM Package 2024 JS Dates Are About to Be Fixed Даты в Javascript наконец-то пофиксят The History And Future Of Regular Expressions In JavaScript Wasp JavaScript Generators Explained How Google handles JavaScript throughout the indexing proce…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-261/0:00:00 Начало выпуска0:00:31 Интересные публикацииHow To Create An NPM Package 2024 — https://www.totaltypescript.com/how-to-create-an-npm-packageJS Dates Are About to Be Fixed — https://docs.timetime.in/blog/js-dates-final…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-260/0:00:00 Начало выпуска0:00:32 Интересные публикацииУтечки памяти — https://www.trevorlasn.com/blog/common-causes-of-memory-leaks-in-javascriptИнтересный кейс возникновения утечки — https://jakearchibald.com/2024/garbage-coll…

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:00:32 Интересные публикации Утечки памяти Интересный кейс возникновения утечки Safe assignment proposal Introducingg Svelte 5 Snippets in Svelte 5 Reactivity in Svelte 5 Экспериментальная поддержка TypeScript в Node.js TypeScript через множества Алгоритмы и структуры данных на JS, часть…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-259/0:00:00 Начало выпуска0:01:02 Интересные публикацииReact Server Components и React Query — https://frontendmasters.com/blog/combining-react-server-components-with-react-query-for-easy-data-management/Не стреляем себе в ногу …

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:01:02 Интересные публикации React Server Components и React Query Не стреляем себе в ногу с localStorage React Native для React-разработчиков Не блокируем Event Loop Алгоритмы и структуры данных на JS, часть 1 Алгоритмы и структуры данных на JS, часть 2 Стоит ли решать задачи на алгорит…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-258/0:00:00 Начало выпуска0:00:59 Интересные публикацииEcma International approves ECMAScript 2024: What’s new? — https://2ality.com/2024/06/ecmascript-2024.htmlNew in ECMAScript 2024 — https://exploringjs.com/js/book/ch_new-jav…

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:00:59 Интересные публикации Ecma International approves ECMAScript 2024: What’s new? New in ECMAScript 2024 Understanding React Compiler Утечки памяти в замыканиях и useCallback New JavaScript Set methods Многопоточность JavaScript с SharedArrayBuffer и Atomics: основы Гайд по UI-китам …

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-257/00:00:00 Начало выпуска00:00:25 Интересные публикацииПроба React Compiler — https://www.developerway.com/posts/i-tried-react-compilerЕщё о React Compiler — https://www.mikejohnson.dev/posts/2024/06/mobx-react-compilerУроки м…

Форма обратной связи Текстовая версия 00:00:00 Начало выпуска 00:00:25 Интересные публикации Проба React Compiler Ещё о React Compiler Уроки менеджмента для CTO Композиция функций Публикация модулей в разных форматах tsup Are The Types Wrong? Директивы Vue и Angular Node.js Test Runner 10 лет Vue Тулза для TS-проектов Effect Container Queries Сборн…

Форма обратной связи Текстовая версия 0:00:38 Интересные публикации Data Fetchingg Patterns in SPA 1Password с esbuild Promises Декомпозиция From ESLint & Prettier to Biome ESLint Configuration Migrator The Dilemmas You'll Face When Creating a Component Library Goodbye Netlify, Hello Cloudflare Node.js Performance Hooks Node.js Test Runner: A Begin…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-256/0:00:00 Начало выпуска0:00:00 Интересные публикацииData Fetchingg Patterns in SPA — https://martinfowler.com/articles/data-fetch-spa.html1Password с esbuild — https://blog.1password.com/new-extension-build-system/Promises — …

Форма обратной связи Текстовая версия 0:00:40 Интересные публикации Figmas journey to TypeScript Merging Remix and React Router React Conf 2024. React v19 React 19 lets you write impossible components The Forensics Of React Server Components (RSCs) React Compiler: In-Depth Beyond React Conf 2024 5 Node Version Managers Compared An Interactive Guide…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-255/0:00:00 Начало выпуска0:00:40 Интересные публикацииFigmas journey to TypeScript — https://www.figma.com/blog/figmas-journey-to-typescript-compiling-away-our-custom-programming-language/Merging Remix and React Router — https:…

Форма обратной связи Текстовая версия 0:01:20 Интересные публикации Front-end Handbook 2024 JSR Is Not Another Package Manager Миграция с Mocha на Node Test Runner Миграция проекта на Bun Руководство по Next.js, часть 2 Руководство по Next.js, часть 3 Оптимизация JavaScript: Inline Caches Преобразования данных с React Query Альтернатива Storybook L…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-254/0:00:00 Начало выпуска0:01:20 Интересные публикацииFront-end Handbook 2024 — https://frontendmasters.com/guides/front-end-handbook/2024/JSR Is Not Another Package Manager — https://deno.com/blog/jsr-is-not-another-package-ma…

Форма обратной связи Текстовая версия 0:00:41 Интересные публикации SafeTest от Netflix Qwik vs. Next.js Анатомия htmx Тёмная сторона Open Source Выкиньте свой husky CLI с библиотекой oclif UX-практики отображения прогресса для CLI Создание и публикация библиотек в npm 0:04:50 Новости релизов Chrome 124 Chrome DevTools 124 Firefox 125 Firefox 125 f…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-253/0:00:00 Начало выпуска0:00:41 Интересные публикацииSafeTest от Netflix — https://habr.com/ru/companies/otus/articles/803049/Qwik vs. Next.js — https://outshift.cisco.com/blog/qwik-vs-nextjsАнатомия htmx — https://habr.com/ru…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-252/0:00:00 Начало выпуска0:00:33 Интересные публикацииНеобычный RxJS — https://habr.com/ru/articles/799171/Память и сетевые запросы — https://habr.com/ru/companies/tinkoff/articles/799709/CSS для печати на бумаге — https://habr…

Форма обратной связи Текстовая версия 0:00:33 Интересные публикации Необычный RxJS Память и сетевые запросы CSS для печати на бумаге Вёрстка писем JS растёт Визуализация работы промисов Сборка мусора в V8 V8 Sandbox Web3 Twitter, часть 1 Web3 Twitter, часть 2 Runtime compatibility Где изучать JS в 2024 Документалка о Node.js 0:04:39 Новости релизов…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-251/0:00:00 Начало выпуска0:00:40 Интересные публикацииModern CSS Features 2024 — https://youtu.be/TEMKKfQpY94?si=v8ixjBxiB6ndXoKDИнтерактивный гайд по :has() — https://ishadeed.com/article/css-has-guideStrict Mode — https://hab…

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:00:40 Интересные публикации Modern CSS Features 2024 Интерактивный гайй по :has() Strict Mode Event Loop. Мифы и реальность Интеграция React и Angular Static Roots в V8 Новые хуки в React Как писать хуки чище Гайд по localStorage Гайд по множествам в JS Иммутабельное обновление массивов…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-250/0:00:00 Начало выпуска0:01:01 Интересные публикацииКритика App Router Next.js — https://www.flightcontrol.dev/blog/nextjs-app-router-migration-the-good-bad-and-uglyБудущее Figma Dev Mode — https://www.figma.com/blog/dev-mode…

Форма обратной связи Текстовая версия Интересные публикации 0:01:01 Интересные публикации Критика App Router Next.js Будущее Figma Dev Mode Vite виесто Vue-CLI и Webpack Старт React-проекта в 2024 Cache API Тестирование Bluetooth с Puppeteer Elasticsearch и Meilisearch в Strapi 12 улучшений CSS 11 полезных фич DevTools Bun Shell Бенчмарки pnpm и ко…

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:00:44 Интересные публикации CSS 2023 IndexedDB Guide Золотое правило сравнения Для чего нужны тесты JS однопоточный? View Trannsitions API, часть 1 View Trannsitions API, часть 2 Удобный API файловыой системы Переход с Redux на Effector htmx JS-фреймворк или нет? htmx за 10 минут Чек-ли…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-249/0:00:00 Начало выпуска0:00:44 Интересные публикацииCSS 2023 — https://developer.chrome.com/blog/css-wrapped-2023IndexedDB Guide — https://blog.xnim.me/indexeddb-guideЗолотое правило сравнения — https://www.epicweb.dev/the-go…

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:00:48 Интересные публикации Интересные публикации Критика RSC Планы фреймворков на 2024 StyleX от Facebook Обзор StyleX Глубокое копирование JS-объектов Профилирование и оптимизация JS-библиотек Вопросы и ответы для собеседований: JS Вопросы и ответы для собеседований: TS Библиотеки для…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-248/0:00:00 Начало выпуска0:00:48 Интересные публикацииКритика RSC — https://www.mayank.co/blog/react-server-components/Планы фреймворков на 2024 — https://thenewstack.io/2024-predictions-by-javascript-frontend-framework-maintai…

Форма обратной связи Текстовая версия Итоги 2023 года в блоге CSSSR Слушайте на любимой платформе: RSS Apple Podcasts SoundCloud Google Podcasts Яндекс.Музыка Пишите нам и читайте: Telegram—канал CSSSR Twitter CSSSR Telegram ведущего Twitter новостей Twitter ведущегоCSSSR

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-247/Отдельная статья с итогами 2023 года в блоге CSSSR — https://blog.csssr.com/ru/article/year-resume-2023/Слушайте на любимой платформе:YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViARSS — https://radio.csss…

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:00:40 Интересные публикации Создай фреймворк Польза веб-компонентов Элемент Компилятор Magled в V8 WebSocket в Node.js и Bun Прокачка PM2 Обновление Prettier CLI Фикстуры в Playwright Шпаргалка по Puppeteer Восстановление удаленных изменений в git Состояние Vue и Vite 10 фич JS в 2023 0…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-246/0:00:00 Начало выпуска0:00:40 Интересные публикацииСоздай фреймворк — https://nolanlawson.com/2023/12/02/lets-learn-how-modern-javascript-frameworks-work-by-building-one/Польза веб-компонентов — https://jakelazaroff.com/word…

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:00:46 Интересные публикации Явное управление ресурсами в JS и TS Лучшие практики TS Глубокое погружение в типы данных JS The Unbearable Weight of Massive JavaScript Интерактивный гайд по CSS Grid Интерактивный гайд по Flexbox Как проще писать CSS в 2023 Формы во Vue Репо с библиотекой А…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-245/0:00:00 Начало выпуска0:00:46 Интересные публикацииЯвное управление ресурсами в JS и TS — https://iliazeus.github.io/articles/js-explicit-resource-management-ru/Лучшие практики TS — https://habr.com/ru/articles/775524/Глубок…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-244/0:00:00 Начало выпуска0:00:41 Интересные публикацииКак Discord хранит убер-число сообщений — https://discord.com/blog/how-discord-stores-trillions-of-messagesПочему возможно стоит сказать нет Next.js — https://habr.com/ru/co…

Форма обратной связи Текстовая версия 0:00:00 Начало выпуска 0:00:41 Интересные публикации Как Discord хранит убер-число сообщений Почему возможно стоит сказать нет Next.js Webpack vs esbuild: уже можно использовать в production? Why Signals Are Better Than React Hooks Алгоритмы для разработки Figma-плагинов Добавление WebAuthn в веб-приложение Мин…

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-243/00:00:00 Начало выпуска00:01:03 Интересные публикацииDeffered loading в Angular 17 — https://www.angularaddicts.com/p/angular-17-feature-deferred-loading-with-signalsWeb Workers в JavaScript — https://habr.com/ru/articles/76…

Форма обратной связи Текстовая версия 00:00:00 Новости релизов 00:01:03 Интересные публикации Deffered loading в Angular 17 Web Workers в JavaScript Service Workers против медленного интернета Процессы в работе с монорепой Trunk based development Гайд по микрофронтендам ESLint Shareable config Deprecation of formatting rules Removing Object Propert…