WEB DEV 2025
**25 год был полон интересных материалов по фронтенду. Вот подборка статей, инструментов и обновлений, которые стоит не упустить:**
### **Производительность и анализ**
→ https://www.developerway.com/posts/client-side-rendering-flame-graph
Статья объясняет, как с помощью flame graphs анализировать производительность клиентского рендеринга в React‑приложениях, показывая разницу между общим временем выполнения и временем выполнения конкретных функций.
→ https://www.react-explorer.com
Строит граф React‑приложения для интерактивной визуализации.
→ https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-11/
Ускоряем JavaScript‑экосистему. Плагины на Rust. Уже вышло 11 частей.
→ https://www.debugbear.com/blog/bandwidth-competition-page-speed
Статья про то, как конкуренция за трафик влияет на скорость сайта: когда на странице загружается много ресурсов одновременно, они делят пропускную способность, что замедляет загрузку.
→ https://long-tasks.vercel.app/
Разбиваем длинные задачи в JavaScript.
→ https://julian.is/article/transitions-f-of-state/
Статья о том, что дерево React‑компонентов нужно рассматривать как конечный автомат, описывающий асинхронные апдейты интерфейса.
→ https://cekrem.github.io/posts/beyond-react-memo-smarter-performance-optimization/
Помимо React.memo: более разумные способы оптимизации производительности.
→ https://cekrem.github.io/posts/react-memo-when-it-helps-when-it-hurts/
Краткое объяснение распространённых заблуждений и скрытых подводных камней мемоизации.
→ https://cekrem.github.io/posts/react-reconciliation-deep-dive/
Практические рекомендации и советы для обеспечения наилучшей производительности с React Reconciler.
→ https://www.youtube.com/watch?v=3EnathFYgz8
Как фиксить перфоманс‑проблемы с react‑scan.
→ https://gabrielpichot.fr/blog/why-you-need-a-custom-context-provider/
Хорошая интерактивная статья, показывающая, как создание обёртки над кастомным Context Provider может сократить лишние ре‑рендеры.
→ https://www.joshwcomeau.com/css/height-enigma/
Джош Комо объясняет, почему `height: 50%` часто не работает, и предлагает решения.
→ https://www.smashingmagazine.com/2025/08/power-intl-api-guide-browser-native-internationalization/
Обзор возможностей Intl API для интернационализации без внешних библиотек.
→ https://www.developerway.com/posts/bundle-size-investigation
Большой бандл замедляет загрузку. Разделение кода и оптимизация импортов ускоряют приложение.
### **React и экосистема**
→ https://ouassim.tech/notes/shadcn-registry-a-better-way-to-manage-your-ui-components
Реестр компонентов для копипаста компонентов в проект без привычного распространения через сбилженный npm‑пакет.
→ https://github.com/remix-run/react-router/blob/main/CHANGELOG.md#v720
React Router 7.2 – Type‑safe `href()` utility: тайпсейф автокомплит для роута и параметров.
→ https://sergiodxa.com/articles/throwing-vs-returning-redirects-in-react-router
Примеры, когда стоит использовать throw в React Router.
→ https://github.com/jantimon/chrome-react-scan-inspector
React‑scan обзавёлся расширением для браузера.
→ https://www.youtube.com/watch?v=Diy4XRSFTiA
Подкаст Syntax о том, нужно ли использовать сигналы в React.
→ https://blog.sentry.io/react-js-performance-guide/
Простые проблемы производительности React и их решения.
→ https://github.com/reduxjs/redux-toolkit/releases/tag/v2.6.0
RTK Query Infinite Query support.
→ https://github.com/mui/material-ui/releases/tag/v7.0.0-beta.0
MUI v7.0.0‑beta.0.
→ https://tanstack.com/blog/announcing-tanstack-form-v1
Вышла v1 версия TanStack Form – тайпсейф хедлесс форм‑менеджер.
→ https://www.bennett.ink/its-probably-time-to-stop-recommending-redux
Настало время перестать рекомендовать Redux?
→ https://github.com/react-hook-form/lenses
React Hook Form Lenses: решает проблемы управлением глубоко вложенных состояний формы. Полностью тайпсейф.
→ https://www.youtube.com/watch?v=A96Xkc9GiGY
React Router v7 может ускорить приложение с splitRouteModules.
→ https://antfu.me/posts/async-sync-in-between
Статья про проблему синхронной и асинхронной кодовой базы и как автор пришёл к написанию Quansync.
→ https://github.com/dahlia/logtape
Либа для логирования без внешних зависимостей.
→ https://lynxjs.org/blog/lynx-unlock-native-for-more
Альтернатива React Native.
→ https://github.com/Rel1cx/eslint-react
Более 80 правил для кода с использованием React. https://eslint‑react.xyz/
→ https://github.com/zoubingwu/msw-auto-mock
Автогенерация моков на основе OpenAPI‑спеки.
→ https://github.com/remix-run/react-router/blob/main/CHANGELOG.md#v730
React Router 7.3 Middleware – новая нестабильная фича под флагом, которая позволяет исполнять код логов, проверки авторизации до перехода на страницу.
→ https://rct.lukasbach.com/
Unopinionated Accessible Tree Component.
→ https://open.nytimes.com/how-the-new-york-times-systematically-migrated-from-enzyme-into-react-testing-library-b3ea538d001c
Как The New York Times систематически переходил с Enzyme на React Testing Library.
→ https://mui.com/blog/react-19-update/
Как команда MUI X мигрировала на React 19.
→ https://www.developerway.com/posts/ssr-deep-dive-for-react-developers
Погружение в SSR для React‑разработчиков.
→ https://github.com/carlosneves0/vite-ssg-react
Плагин для Vite, который отрендерит в статику.
→ https://overreacted.io/impossible-components/
Дэн Абрамов исследует, как объединить серверные и клиентские компоненты в React.
→ https://remix.run/blog/faster-lazy-loading
React Router v7.5 представляет новый `route.lazy` API.
→ https://aurorascharff.no/posts/building-reusable-components-with-react19-actions/
Создаем переиспользуемые компоненты с React 19 Actions.
→ https://www.jeantinland.com/blog/lazy-load-svg-icons-with-use-react-js/
Автор описывает, как использовать `use` и спрайты для ленивой загрузки SVG‑иконок в React.
→ https://v4.zod.dev/v4
Zod v4: добавлены `z.interface()` для рекурсивных схем, поддержка шаблонных литералов и асинхронный API.
→ https://tkdodo.eu/blog/the-beauty-of-tan-stack-router
Современный типобезопасный роутер для React.
→ https://www.epicreact.dev/how-react-suspense-works-under-the-hood-throwing-promises-and-declarative-async-ui-plbrh
Как работает Suspense: React буквально «бросает промисы» в рантайме.
→ https://nuqs.47ng.com/blog/beware-the-url-type-safety-iceberg
Погружение в проблемы типобезопасности URL в TypeScript и фронтенде.
→ https://react.dev/learn/react-compiler
Руководство по React Compiler обновлено и улучшено.
→ https://react.gg/visualized
Интерактивный визуальный курс по React с анимациями и диаграммами.
→ https://www.youtube.com/watch?v=gRKVL5w‑2Lc
React’s New Activity Component: Huge Performance Win!
→ https://overreacted.io/one-roundtrip-per-navigation/
Дэн Абрамов объясняет, как с TanStack Router минимизировать количество roundtrip‑запросов.
→ https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#700‑beta0‑2025‑06‑02
Vite 7 в бете: теперь с новым бандлером Rolldown (Rust + SWC).
→ https://vitest.dev/blog/vitest-3-2.html
Vitest 3.2: стабильность, более быстрые snapshot‑тесты и лучшее DX.
→ https://lingo.dev/en/compiler
Бесплатный и открытый инструмент для мультиязычной поддержки в React‑приложениях на этапе сборки.
→ https://overreacted.io/why-does-rsc-integrate-with-a-bundler/
Дэн объясняет, почему React Server Components не могут работать без связки с бандлером.
→ https://sinja.io/blog/advanced-typescript
6 приёмов TypeScript, включая `infer`, условные типы и `assertUnreachable`.
→ https://www.epicweb.dev/do-not-assert-on-requests
Совет по написанию UI‑тестов: фокусироваться на изменениях в интерфейсе, а не на проверке сетевых запросов.
→ https://github.com/aidenybai/react-scan/releases/tag/v0.4.0
React Scan v0.4.0 – визуальный профайлер React, который подсвечивает перерендеры.
→ https://github.com/NickvanDyke/eslint-plugin-react-you-might-not-need-an-effect
ESLint‑плагин для выявления избыточных `useEffect`.
→ https://www.developerway.com/posts/react-state-management-2025
Обзор современных подходов к управлению состоянием в React.
→ https://blacksheepcode.com/posts/nuance_of_react_rendering_behaviour
Подробный разбор поведения React при повторных рендерах.
→ https://chadnauseam.com/coding/pltd/react-is-good-javascript-is-the-problem
Эссе о том, что React часто обвиняют несправедливо.
→ https://github.com/forge-42/react-router-devtools
React Router Devtools – набор инструментов для отладки приложений на React Router v7+.
→ https://certificates.dev/blog/error-handling-in-react-with-react-error-boundary
Обзор подхода React Error Boundary для обработки ошибок в компонентах.
→ https://github.com/darula-hpp/react-source-lens
React Source Lens – мгновенный переход от компонента к коду.
→ https://github.com/reactwg/async-react/discussions/3
Async React – New `use()` docs for Promise subclasses.
→ https://www.epicweb.dev/vitest-browser-mode-vs-playwright
Сравнение Vitest Browser Mode и Playwright для тестирования React‑компонентов.
→ https://tkdodo.eu/blog/omit-for-discriminated-unions-in-type-script
Разбор применения `Omit` с дискриминируемыми объединениями в TypeScript.
→ https://blog.logrocket.com/react-19-2-the-async-shift/
Обзор новых асинхронных возможностей React 19.2.
→ https://www.youtube.com/watch?v=4KvbVq3Eg5w
«Композиция — это всё, что вам нужно» на конференции React Universe.
→ https://blog.logrocket.com/the-next-era-of-react/
React получил новые асинхронные хуки.
→ https://emilkowal.ski/ui/building-a-toast-component
Простой toast для уведомлений с анимациями, очередью сообщений и автоматическим закрытием.
→ https://howtotestfrontend.com/resources/vitest-browser-mode-guide-and-setup-info
Vitest Browser Mode Guide and Setup.
→ https://slicker.me/react/useEffectEvent.html
`useEffectEvent` держит эффекты React актуальными без лишних перерендеров.
→ https://certificates.dev/blog/controlled-vs-uncontrolled-components-in-react
Контролируемые и неконтролируемые компоненты влияют на управление формами.
→ https://www.react-grab.com/blog/agent
Agent показывает состояние и пропсы компонентов прямо в браузере.
→ https://www.robinwieruch.de/react-libraries/
Подборка библиотек для React по задачам, без хайпа.
### **CSS и дизайн**
→ https://anchoreum.com/
Игра для изучения CSS Anchor Positioning.
→ https://ishadeed.com/article/css-relative-colors/
Интерактивный гайд по относительным цветам в CSS.
→ https://css-tricks.com/functions-in-css/
Введение в CSS `@function`.
→ https://css-tricks.com/a-css-only-star-rating-component-and-more-part-1/
Компонент рейтинга только на CSS.
→ https://css-tricks.com/using-styling-the-details-element/
Используем и стилизуем `details` tag.
→ https://developer.chrome.com/blog/a-customizable-select?hl=en
В Chrome 135 теперь можно кастомизировать селект.
→ https://developer.chrome.com/blog/carousels-with-css
Карусели на CSS.
→ https://ishadeed.com/article/self-gap/
Контролируемый `gap` между элементами.
→ https://frontendmasters.com/blog/overlapping-inline-backgrounds/
Погружение в проблему перекрытия фона текста.
→ https://css-tricks.com/styling-counters-in-css/
Стилизируем каунтер в списках.
→ https://bjango.com/articles/designsystemcolourspace/
Цветовые пространства в дизайн‑системах.
→ https://www.loadership.com/
Создаем кастомный лоадер на чистом CSS.
→ https://storybook.js.org/blog/preview-the-new-accessibility-addon/
Новый Accessibility Addon для Storybook.
→ https://www.amitmerchant.com/bare-minimum-view-transitions/
Как использовать API View Transitions для плавных анимаций смены контента.
→ https://www.a11y-collective.com/blog/cognitive-accessibility/
Статья рассматривает когнитивную доступность в вебе.
→ https://csswizardry.com/2025/03/why-do-we-have-a-cache-control-request-header/
Статья объясняет важность заголовка `Cache‑Control` в запросах HTTP.
→ https://www.fancycomponents.dev/
Набор красивых и высококачественных компонентов для React.
→ https://leanrada.com/notes/css-only-lqip/
Минималистичные размытые заглушки изображений с использованием только CSS.
→ https://webkit.org/blog/16547/better-typography-with-text-wrap-pretty/
Лучшее использование типографики с `text‑wrap: pretty`.
→ https://thirty-five.com/overengineered-anchoring
Перегруженные якорные ссылки.
→ https://blog.css-weekly.com/top-5-css-navigation-menu-mistakes
Топ‑5 ошибок в CSS‑меню навигации.
→ https://www.youtube.com/watch?v=F1s8MZoGVL8
Современное CSS‑оформление, светлый и тёмный режимы и не только.
→ https://css-tricks.com/automated-visual-regression-testing-with-playwright/
Автоматизированное визуальное регрессионное тестирование с Playwright.
→ https://www.khroma.co/
Инструмент на основе ИИ для работы с цветами.
→ https://ishadeed.com/article/modern-attr/
First Look at The Modern CSS `attr()`.
→ https://www.oddbird.net/2025/04/11/custom-functions/
В Chromium Canary появилась поддержка пользовательских CSS‑функций.
→ https://utilitybend.com/blog/the-customizable-select-part-one-history-trickery-and-styling-the-select-with-css
Часть 1: История и стилизация селекта с помощью CSS.
→ https://utilitybend.com/blog/the-customizable-select-part-two-potions-anchoring-and-radial-shenanigans-in-css
Часть 2: Позиционирование и анимации с использованием Anchoring API.
→ https://css-tricks.com/css-shape-commands/
Новый `shape()` API в CSS.
→ https://webkit.org/blog/16854/margin-trim/
Новое CSS‑свойство `margin‑trim`.
→ https://webkit.org/blog/16831/line-height-units/
Новые CSS‑единицы `lh` и `rlh`.
→ https://css-tricks.com/modern-scroll-shadows-using-scroll-driven-animations/
Modern Scroll Shadows с помощью Scroll‑Driven Animations.
→ https://webkit.org/blog/16929/contrast-color/
Новая CSS‑функция `contrast‑color()`.
→ https://frontendmasters.com/blog/container-query-for-is-there-enough-space-outside-this-element/
Container Query: определение, достаточно ли пространства вне элемента.
→ https://www.smashingmagazine.com/2025/05/integrating-localization-into-design-systems/
Интеграция локализации в дизайн‑системы.
→ https://css-tricks.com/color-everything-in-css/
Глубокий разбор цветовых пространств и новых CSS‑функций.
→ https://www.smashingmagazine.com/2025/06/css-cascade-layers-bem-utility-classes-specificity-control/
CSS Cascade Layers vs BEM vs Utility Classes.
→ https://www.joshwcomeau.com/animation/partial-keyframes/
Partial Keyframes Animation.
→ https://css-tricks.com/the-gap-strikes-back-now-stylable/
Новые CSS‑свойства для стилизации `gap`.
→ https://css-tricks.com/css-color-functions/
Обзор новых функций CSS Color Module Level 4.
→ https://frontendmasters.com/blog/custom-select-that-comes-up-from-the-bottom-on-mobile/
Custom Select, который появляется снизу на мобильных.
→ https://polypane.app/form-inspector/
Polypane Form Inspector – бесплатный онлайн‑инструмент для анализа HTML‑форм.
→ https://www.joshwcomeau.com/animation/color-shifting/
Color Shifting Animations: плавные переливы цветов с помощью CSS.
→ https://www.sitepoint.com/test-your-page-without-javascript/
Тестирование страниц без JavaScript.
→ https://www.debugbear.com/blog/partytown-web-workers
Partytown: оптимизация сторонних скриптов с помощью Web Workers.
→ https://addyo.substack.com/p/how-modern-browsers-work
Addy Osmani объясняет архитектуру современных браузеров.
→ https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-2025-edition/
Что нужно знать о современном CSS в 2025 году.
→ https://www.youtube.com/watch?v=QW6GECIzvsw
25 новых и крутых возможностей CSS.
→ https://harrisonbroadbent.com/blog/cool-native-html-elements/
Подборка нативных HTML‑элементов, которые упрощают интерфейсы.
→ https://calendar.perfplanet.com/2025/fixing-the-url-params-performance-penalty/
Улучшение перфоманса с URL‑параметрами.
→ https://pikaday.dbushell.com/
Гайд по созданию хорошего дейтпикера на основе нативных инпутов.
→ https://olliewilliams.xyz/blog/guide-to-html-number-input
Полное руководство по `input type="number"`.
→ https://piccalil.li/blog/a-pragmatic-guide-to-modern-css-colours-part-two/
Практическое руководство по современным цветам в CSS, часть 2.
→ https://tympanus.net/codrops/2025/12/09/supercharge-your-design-system-with-llms-and-storybook-mcp/
LLM + Storybook MCP для фронтенда.
→ https://nerdy.dev/6-css-snippets-every-front-end-developer-should-know-in-2025
6 CSS‑сниппетов, которые стоит знать в 2025.
### **Инструменты и утилиты**
→ https://e18e.dev/blog/bundling-dependencies.html
Бандлим зависимости (и когда не делать этого).
→ https://v8.dev/blog/mutable-heap-number
V8 тим внедрила новую оптимизацию для async‑fs, ускоряющую в 2.5x.
→ https://github.com/ls-lint/ls-lint/releases/tag/v2.3.0
LS‑Lint v2.3.0 – новые правила для статического анализа кода.
→ https://oxc.rs/blog/2025-03-15-oxlint-beta.html
Oxlint Beta – 500 правил из коробки, есть плагины под React.
→ https://oxc.rs/blog/2025-03-13-minifier-alpha.html
Oxc Minifier Alpha – на текущий момент по тестам лучше esbuild.
→ https://next.biomejs.dev/blog/biome-v2-0-beta/
Biome v2.0 Beta – поддержка TypeScript 5.4, улучшенная совместимость с JSX.
→ https://mui.com/blog/material-ui-v7-is-here/
Material UI v7 – фокус на производительности, уменьшении размера бандла.
→ https://blog.julik.nl/2025/03/a-tiny-undo-stack
Реализация крошечного стека отмены в JavaScript.
→ https://largeapps.dev/case-studies/advanced/
Исследование, как пять компаний улучшили производительность сайтов на React и Next.js.
→ https://developer.chrome.com/blog/use-scheduler-yield?hl=ru
Prioritized Task Scheduling API – приоритезация задач на фронте.
→ https://webdesignerdepot.com/breadcrumbs-are-dead-in-web-design/
Breadcrumbs в веб‑дизайне становятся неактуальными.
→ https://osvaldas.info/cdn-first-aproach-has-become-obsolete/
CDN больше не дает преимуществ в производительности.
→ https://github.com/grafana/k6
Grafana k6 – инструмент для нагрузочного тестирования.
→ https://blog.appsignal.com/2025/05/07/migrating-a-javascript-project-from-prettier-and-eslint-to-biomejs.html
Миграция с Prettier и ESLint на BiomeJS.
→ https://css-generators.com/svg-to-css/
Инструмент преобразует SVG‑путь в CSS‑форму с использованием `clip‑path: shape()`.
→ https://logtape.org/intro
LogTape 1.0.0 – библиотека для логирования с фокусом на перформанс и стабильность.
→ https://magnitude.run/
Magnitude Run – open‑source фреймворк для end‑to‑end тестирования с визуальными AI‑агентами.
→ https://sonda.dev/
Sonda – универсальный инструмент для визуализации и анализа JavaScript и CSS‑ресурсов.
→ https://glass3d.dev/
Glass3D – генератор жидкого стекла и прозрачных UI‑эффектов.
→ https://github.com/lirantal/npq
npq – безопасная установка npm‑пакетов.
→ https://es‑toolkit.dev/
es‑toolkit – современная альтернатива Lodash.
→ https://github.com/codpro2005/ts‑regexp
ts‑regexp – типобезопасные регулярные выражения для TypeScript.
→ https://rooks.vercel.app/docs
Rooks – набор готовых React‑хуков.
→ https://chrome.dev/carousel/
CSS карусели без JavaScript.
→ https://una.im/scroll-target-group/
Scroll Target Group – управление скроллом через aria и CSS.
→ https://css-tricks.com/making-a-masonry-layout-that-works-today/
Masonry Layout на CSS сегодня.
→ https://oklchroma.utilitybend.com/
Oklchroma – генератор цветовых паттернов на OKLCH.
→ https://storybook.js.org/blog/component-test-with-storybook-and-vitest/
Component Testing with Storybook and Vitest.
→ https://hyvector.com/
Hyvector – быстрый SVG‑редактор в браузере.
→ https://awesomeindex.dev/
AwesomeIndex – поисковик по спискам Awesome на GitHub.
→ https://vite.dev/blog/announcing-vite7.html
Vite 7 Release.
→ https://github.com/recharts/recharts/releases/tag/v3.0.0
Recharts 3.0 – мажорный релиз библиотеки визуализации данных.
→ https://webkit.org/blog/17101/a-guide-to-scroll-driven-animations-with-just-css/
Руководство по CSS Scroll‑Driven Animations.
→ https://atlaspuplabs.com/blog/liquid-glass-but-in-css/
Эффект жидкого стекла в CSS.
→ https://web.dev/blog/learn-css-refresh
Новые девять модулей в Learn CSS.
→ https://leapcell.io/blog/react-fast-refresh
React Fast Refresh под капотом.
→ https://storybook.js.org/docs/10/releases/migration-guide
Storybook 10 Beta: переход на ESM.
→ https://matthewbrown.io/2025/09/04/node-test-runner
Node.js Test Runner.
→ https://www.reactbits.dev/text-animations/split-text
Split Text Animations в React.
→ https://www.polarsignals.com/blog/posts/2025/11/04/javascript-source-maps-internals
JavaScript Source Maps Internals.
→ https://github.com/mutativejs/travels
Travels – быстрая, framework‑агностичная библиотека Undo/Redo.
→ https://laktek.com/modal-dialogs-without-react-javascript
Modal dialogs without React.
→ https://www.ycombinator.com/launches/OnI-jsx-tool-in-browser-react-ide
JSX Tool – in‑browser React IDE.
→ https://pqina.nl/blog/update-container-border-radius-scrollbar-overflow/
Update container border‑radius, scrollbar, overflow.
→ https://prettier.io/blog/2025/11/27/3.7.0
Prettier 3.7.0 Release.
→ https://oxc.rs/blog/2025-12-01-oxfmt-alpha.html
Oxfmt Alpha Release.
→ https://voidzero.dev/posts/announcing-vite-8-beta
Announcing Vite 8 Beta.
→ https://www.amitmerchant.com/one-css-trick-to-eliminate-scrollbar-layout-shifts/
Один CSS‑трюк для устранения сдвигов при появлении скроллбара.
→ https://tkdodo.eu/blog/designing-design-systems
Дизайн‑системы: как строить, чтобы легко поддерживать.
→ https://www.htmhell.dev/adventcalendar/2025/7/
Controlling Dialogs and Popovers with the Invoker Commands API.
→ https://nodejs.org/en/blog/release/v24.12.0
Node.js v24.12.0.
→ https://nodesource.com/blog/nodejs-features-replacing-npm-packages
Node.js features that can replace npm packages.
### **Браузеры и API**
→ https://fotis.xyz/posts/the-new-cookie-store-api
Новое Cookie Store API (доступно в Chrome и Safari, не в Firefox).
→ https://developer.chrome.com/blog/if-article
Условные операторы CSS с новой функцией `if()`.
→ https://privacysandbox.com/news/privacy-sandbox-next-steps/
В Chrome передумали блокировать 3rd‑party куки по умолчанию.
→ https://developer.chrome.com/docs/web-platform/navigation-api
Navigation API: современная навигация для SPA.
→ https://web.dev/blog/json-imports-baseline-newly-available
JSON Imports in Web Dev.
→ https://web.dev/blog/baseline-urlpattern
URLPattern – теперь часть платформы браузера.
→ https://jakearchibald.com/2025/importing-vs-fetching-json/
JSON: `import` против `fetch`.
→ https://developer.chrome.com/blog/use-scheduler-yield?hl=ru
Prioritized Task Scheduling API.
→ https://www.deepintodev.com/blog/how-javascript-works-behind-the-scenes
Как устроена работа event loop в браузерном JS.
→ https://www.deepintodev.com/blog/how-nodejs-works-behind-the-scenes
Как устроена работа event loop в Node.js.
→ https://www.sarasoueidan.com/blog/css-carousels-accessibility/
CSS Carousels – анализ доступности.
→ https://v8.dev/blog/explicit-compile-hints
Faster JavaScript с Explicit Compile Hints.
→ https://connect.mozilla.org/t5/firefox-labs/give-web-apps-in-firefox-a-try-on-labs-and-tell-us-what-you/td-p/101900
Новые возможности web‑приложений в Firefox Labs.
→ https://nolanlawson.com/2025/08/31/why-do-browsers-throttle-javascript-timers/
Почему браузеры ограничивают JavaScript‑таймеры?
→ https://hemath.dev/blog/say-bye-with-javascript-beacon/
Beacon API для надёжной отправки данных при закрытии вкладки.
→ https://csswizardry.com/Obs.js/demo/
Obs.js – адаптивная производительность с учётом контекста.
→ https://kube.io/blog/liquid-glass-css-svg/
Эффект жидкого стекла в браузере.
→ https://web.dev/blog/web-platform-dashboard-evolution
Web Platform Dashboard – следите за прогрессом внедрения веб‑фич.
→ https://www.webdesignmuseum.org/
Web Design Museum – виртуальный музей истории веб‑дизайна.
→ https://evilmartians.com/opensource/harmonizer
Harmonizer – инструмент для генерации палитр с поддержкой OKLCH и APCA.
→ https://spidermonkey.dev/blog/2025/10/28/iongraph-web.html
IonGraph Web – визуализация компиляции SpiderMonkey Ion.
→ https://www.bram.us/2025/11/25/use-overscroll-behavior-contain-to-prevent-a-page-from-scrolling-while-a-dialog-is-open/
Использование `overscroll‑behavior: contain` для предотвращения прокрутки страницы при открытом диалоге.
### **TypeScript и JavaScript**
→ https://devblogs.microsoft.com/typescript/announcing-typescript-5-9-rc/
TypeScript 5.9 RC – `using`/`await using`, улучшения автодополнения.
→ https://gregros.dev/typescript/treating-types-as-values-with-type-level-maps
Treating Types as Values with Type‑Level Maps.
→ https://www.ceos3c.com/javascript/typescript-record-type-complete-guide-for/
TypeScript Record Type: Complete Guide.
→ https://2ality.com/2025/04/stringification-javascript.html
Преобразование значений в строки в JavaScript.
→ https://allthingssmitty.com/2025/04/10/mastering-default-values-in-javascript-with-the-nullish-coalescing-operator/
Mastering Default Values с оператором `??`.
→ https://socket.dev/blog/tc39-advances-9-proposals
TC39: 9 новых proposal’ов (Stage 2–4).
→ https://deno.com/blog/history-of-javascript
Краткая история JavaScript.
→ https://deno.com/blog/updates-from-tc39
Обновления от TC39 – 9 предложений продвинуты.
→ https://deno.com/blog/v1.40
Deno 1.40 – Temporal API, поддержка декораторов.
→ https://jrsinclair.com/articles/2025/whats-the-difference-between-named-functions-and-arrow-functions/
Разница между именованными и стрелочными функциями.
→ https://frontendmasters.com/blog/satisfies-in-typescript/
Оператор `satisfies` в TypeScript.
→ https://playfulprogramming.com/posts/react-history-through-code
История React через призму кода.
→ https://www.56kode.com/posts/level-up-react-deep-dive-into-state-and-usestate/
Глубокий разбор `useState` в React.
→ https://romgrk.com/posts/reactivity-is-easy/
Базовые принципы реактивности.
→ https://waspdev.com/articles/2025-06-13/things-to-avoid-in-javascript
Things to avoid in JS – антипаттерны и устаревшие подходы.
→ https://allthingssmitty.com/2025/07/14/modern-async-iteration-in-javascript-with-array-fromasync/
Современные асинк‑итерации в JavaScript – `Array.fromAsync`.
→ https://cekrem.github.io/posts/why-typescript-wont-save-you/
Почему TypeScript не спасёт вас.
→ https://allthingssmitty.com/2025/11/10/error-chaining-in-javascript-cleaner-debugging-with-error-cause/
Error Chaining in JavaScript с `Error.cause`.
→ https://devblogs.microsoft.com/typescript/progress-on-typescript-7-december-2025/
Progress on TypeScript – новый компилятор на Go.
### **Доступность и UX**
→ https://una.im/popover-hint/
Что такое `popover="hint"`? Новый тип поповера в Chrome 133.
→ https://www.smashingmagazine.com/2025/07/design-guidelines-better-notifications-ux/
Руководство по дизайну уведомлений для улучшения UX.
→ https://afixt.com/how-to-use-aria-roles-and-properties-effectively/
Как правильно использовать ARIA‑роли и свойства.
→ https://piccalil.li/blog/how-to-write-error-messages-that-actually-help-users-rather-than-frustrate-them/
Error messages that help users – рекомендации по созданию полезных сообщений об ошибках.
→ https://frontendmasters.com/blog/perfectly-pointed-tooltips-a-foundation/
Идеальные всплывающие подсказки с помощью CSS Anchor Positioning.
### **Тестирование**
→ https://www.epicweb.dev/do-not-assert-on-requests
Do NOT Assert on Requests (Do This Instead) – фокусироваться на изменениях в интерфейсе.
→ https://storybook.js.org/blog/frontend-test-coverage-with-storybook-9/
Storybook 9 Beta: Frontend Test Coverage.
→ https://jestjs.io/blog/2025/06/04/jest-30
Jest 30 – отказ от старых Node, усовершенствования `import.meta`.
→ https://vitest.dev/blog/vitest-3-2.html
Vitest 3.2 – стабильность, быстрые snapshot‑тесты.
→ https://howtotestfrontend.com/resources/vitest-browser-mode-guide-and-setup-info
Vitest Browser Mode Guide and Setup.
### **Разное**
→ https://techhub.iodigital.com/articles/interop-2025-which-browser-features-to-get-acquainted-with-this-year-and-why-you-should-care
Interop 2025: какие фичи браузеров станут стабильными в 2025.
→ https://habr.com/ru/companies/gnivc/articles/899878
Reconciliation в React, обновления виртуального DOM.
→ https://react.dev/blog/2025/04/23/react-labs-view-transitions-activity-and-more
React Labs – View Transitions, Activity API, React Compiler.
→ https://tsdown.dev/
Tsdown.dev – быстрый бандлер для TypeScript/JavaScript‑библиотек.
→ https://blog.platformatic.dev/optimizing-nodejs-performance-v8-memory-management-and-gc-tuning
Optimizing Node.js – настройка сборщика мусора V8.
→ https://addyosmani.com/blog/coverflow/
Cover Flow на CSS с Scroll Snap и Scroll‑Driven Animations.
→ https://frontendmasters.com/blog/react-internals-which-useeffect-runs-first/
React Internals – какой `useEffect` выполняется первым.
→ https://julesblom.com/writing/parent-owners-context
Parents & Owners в React – различие и влияние на контекст.
→ https://tolgee.io/apps-integrations/react
Translate React apps with Tolgee – SDK для локализации.
→ https://www.joshwcomeau.com/operator-lookup/
Operator Lookup – интерактивный справочник по JavaScript‑операторам.
→ https://ckeditor.com/blog/how-we-reduced-ckeditor-bundle-size/
Как CKEditor уменьшил размер бандла на 40%.
→ https://shramko.dev/blog/react-rerender
React Re‑Renders Explained – разбор механизма повторных рендеров.
→ https://www.youtube.com/watch?v=QTQm4TbarsI
TanStack Query в Expo Apps.
→ https://www.youtube.com/playlist?list=PLNYkxOF6rcIDf2yTHfwShSCwVxaUuGk-v
Web at Google I/O 2025 – плейлист с новыми веб‑технологиями.
→ https://www.youtube.com/@uidotdev
The Story of Concurrent Rendering in React.
→ https://hyperfetch.bettertyped.com/docs/getting-started/
Hyperfetch – современная работа с запросами, альтернатива React Query.
→ https://joeldare.com/why-im-writing-pure-html-and-css-in-2025
Почему я снова пишу на чистом HTML и CSS в 2025.
→ https://designtokens.fyi/#/terms/semantic/
Дизайн‑токены: семантические определения.
→ https://cydstumpel.nl/being-lazy-with-view-transition-old-and-new/
Lazy View Transitions – старые и новые подходы.
→ https://crystallize.com/blog/frontend-performance-checklist
Чеклист по фронтенд‑производительности 2025.
→ https://storybook.js.org/blog/storybook-bloat-fixed/
Storybook значительно похудел.
→ https://jspm.org/jspm-4-0-release
JSPM 4.0 Release – управление зависимостями в браузере.
→ https://blog.swmansion.com/react-conf-2025-recap-922c50d97318
React Conf 2025 Recap – обзор ключевых тем.
→ https://ryanmulligan.dev/blog/transition-to-the-other-side/
Transition to the Other Side with Container Query Units.
→ https://www.youtube.com/watch?v=bmWQqAKLgT4
Vite – The Documentary.
→ https://github.com/rickhanlonii/async-react
Rick Hanlon’s Async‑React Demo.
→ https://react.dev/blog/2025/10/16/react-conf-2025-recap
React Conf 2025 Recap – официальный блог React.
→ https://www.youtube.com/watch?v=yGOPO2V6MHI
React’s `useEffect` Isn’t Bad – Your Code Is. Fix It Now.
→ https://www.youtube.com/watch?v=KI4gjUrOfOs
Faster React 19.2 Async Everywhere.
→ https://www.youtube.com/watch?v=RQFpsnLkcQE
This React Feature Fixed 90% of your Bugs – `useEffectEvent`.
→ https://www.youtube.com/watch?v=gbsh‑7yIyc4
Дмитрий Андриянов – Как сделать автотесты полезными. Эволюция автотестов в Яндекс ID.
→ https://www.youtube.com/watch?v=3haeDqv7Dzc
Performance Optimization Pitstop – видеообзор оптимизации в Chrome.
→ https://www.charpeni.com/blog/dont-blindly-use-usetransition-everywhere
Don’t Blindly Use `useTransition` Everywhere – анализ применения хука.
→ https://runharbor.com/blog/2025-10-26-improving-deeply-nested-react-render-performance-with-jotai-atomic-state
Оптимизация ререндеров глубоко вложенных компонентов с Jotai.
→ https://lingual.dev/blog/quality-assurance-for-i18n-in-react/
Quality Assurance for i18n in React – инструменты для проверки локализации.
→ https://github.com/reduxjs/redux-toolkit/releases/tag/v2.10.0
Redux Toolkit 2.10 и Immer 10.2 – улучшения производительности.
→ https://storybook.js.org/blog/storybook-10/
Storybook 10: ESM‑only – уменьшение размера на 29%.
→ https://nodejs.org/en/blog/migrations/v22-to-v24
Node.js v22 → v24 – миграция с codemod‑ами.
→ https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#720‑2025‑11‑05
Vite 7.2 – новые возможности и исправления.
→ https://www.telerik.com/blogs/zod-typescript-schema-validation-made-easy
Zod – простая валидация схем TypeScript.
→ https://alfy.blog/2025/10/31/your-url-is-your-state.html
Your URL is Your State – хранение состояния в URL.
→ https://motion.dev/blog/web-animation-performance-tier-list
Web Animation Performance Tier List – рейтинг техник анимации.
→ https://ishadeed.com/article/field-sizing/
Field Sizing in Modern CSS – динамическое изменение ширины полей.
→ https://github.com/vercel/bidc
BIDC – двунаправленные каналы связи между JavaScript‑контекстами.
→ https://una.im/5‑css‑functions/
5 Useful CSS functions using the new `@function` rule.
→ https://ryanskinner.com/posts/how-i-built-a-full-stack-react-framework-4x-faster-than-nextjs-with-4x-more-throughput
Как построить full‑stack React‑фреймворк в 4× быстрее, чем Next.js.
→ https://nikolai-shabalin.github.io/css-properties/en/
Справочник всех CSS‑свойств с датами релиза и ссылками на документацию.
→ https://webkit.org/blog/17240/a-gentle-introduction-to-anchor-positioning/
A Gentle Introduction to Anchor Positioning.
→ https://www.sarasoueidan.com/blog/css-scrollspy/
CSS‑only scrollspy effect using scroll‑marker‑group and `:target‑current`.
→ https://aaadaaam.com/notes/useful-defaults/
There’s no such thing as a CSS reset – полезные дефолтные стили.
→ https://habr.com/ru/companies/ruvds/articles/933484/
Что новенького в CSS в 2025 году.
→ https://aurorascharff.no/posts/server-client-component-composition-in-practice/
Server and Client Component Composition in Practice.
→ https://twofoldframework.com/blog/react-cache-its-about-consistency
React Cache: It’s About Consistency.
→ https://github.com/cloudstreet‑dev/React‑is‑Awful
React‑is‑Awful – книга‑жалоба о React.
→ https://www.youtube.com/watch?v=l‑2zAVxdSDM
React Keys is Not Just for Lists.
→ https://youtu.be/14MZJtGAiVs
The Problem With the React Compiler.
→ https://www.joshwcomeau.com/svg/interactive-guide-to-paths/
Interactive Guide to SVG Paths.
→ https://v8.dev/blog/json-stringify
Как сделали `JSON.stringify` быстрее в 2 раза.
→ https://socket.dev/blog/tc39-advances-11-proposals-for-math-precision-binary-apis-and-more
TC39 продвигает 11 новых предложений.
→ https://almanac.httparchive.org/en/2024
Web Almanac 2024 – всеобъемлющий отчет о состоянии веба.
→ https://www.orilivni.com/2025/10/serialization-and-deserialization/
Serialization and Deserialization – обзор процесса и рисков безопасности.
→ https://sergiodxa.com/tutorials/transform-formdata-between-ui-and-database-in-react-router/
Transform FormData between UI and Database in React Router.
→ https://syntax.fm/show/939/creator-of-vite-evan-you
Подкаст с Evan You, создателем Vite.
→ https://olliewilliams.xyz/blog/html‑renaissance/
Frontend complexity and the HTML renaissance – возвращение к возможностям HTML.
→ https://playfulprogramming.com/posts/css-specificity-explained
Let’s Be Specific: CSS Specificity Explained.
→ https://swizec.com/blog/you‑may‑be‑looking‑for‑a‑useSyncExternalStore/
You may be looking for a `useSyncExternalStore`.
→ https://github.com/sinclairzx81/typebox
TypeBox 1.0 – runtime type system для JSON Schema.
→ https://nuqs.47ng.com/blog/nuqs‑2‑5
nuqs 2.5 – дебаунсинг, стандартная схема, поддержка TanStack Router.
→ https://jordaneldredge.com/notes/react‑rebasing/
React’s `useTransition` и переупорядочивание обновлений состояния.
→ https://www.rahuljuliato.com/posts/react‑workers
Unlocking Web Workers with React: A Step‑by‑Step Guide.
→ https://certificates.dev/blog/react‑concurrent‑features‑an‑overview
React Concurrent Features: An Overview.
→ https://socket.dev/blog/eslint‑adds‑support‑for‑parallel‑linting
ESLint теперь поддерживает параллельный запуск lint‑проверки.
→ https://github.com/colinhacks/zod/releases/tag/v4.1.0
Zod 4.1.0 – двусторонние трансформации с `z.codec()`.
→ https://www.developerway.com/posts/local‑storage‑instead‑of‑context
Local Storage Instead of Context? Повышение персистентности.
→ https://www.jonoalderson.com/conjecture/youre‑loading‑fonts‑wrong/
You’re Loading Fonts Wrong (and It’s Crippling Your Performance).
→ https://vtbag.dev/vtbag/
Vtbag – набор инструментов для View Transition API.
→ https://lyra.horse/blog/2025/08/you‑dont‑need‑js/
You no longer need JavaScript – современный HTML и CSS.
→ https://github.com/reduxjs/redux-toolkit/releases/tag/v2.9.0
Redux Toolkit 2.9.0 – улучшенная производительность RTK Query.
→ https://uppy.io/blog/uppy‑5.0/
Uppy 5.0 – модульный UI с headless‑компонентами.
→ https://certificates.dev/blog/react‑children‑and‑cloneelement‑component‑patterns‑from‑the‑docs
React Children и `cloneElement`: шаблоны компонентов из документации.
→ https://www.simeongriggs.dev/use‑the‑activity‑boundary‑to‑hide‑suspenseful‑components
Использование Activity с Suspense‑данными.
→ https://krasimirtsonev.com/blog/article/vanilla‑react‑server‑components‑with‑no‑framework
React Server Components без фреймворков.
→ https://www.oddbird.net/2025/08/26/type‑visual/
Визуализация адаптивной типографики.
→ https://css‑tricks.com/css‑elevator‑a‑pure‑css‑state‑machine‑with‑floor‑navigation/
CSS Elevator: чистая CSS‑машина состояний с навигацией по этажам.
→ https://koolcodez.com/blog/useful‑css‑features/
Полезные CSS‑свойства, которые стоит знать.
→ https://ishadeed.com/article/modern‑css‑section‑layout/
Решено с помощью Modern CSS: Section Layout.
→ https://css‑tricks.com/css‑animations‑that‑leverage‑the‑parent‑child‑relationship/
CSS‑анимации, использующие отношение родитель‑дочерний элемент.
→ https://www.debugbear.com/blog/critical‑css
Inlining Critical CSS: Does It Make Your Website Faster?
→ https://github.com/facebook/react/pull/33162
Индикаторы загрузки в React с Navigation API.
→ https://github.com/reduxjs/redux‑toolkit/releases/tag/v2.11.0
Redux Toolkit 2.11 – Immer v11 perf improvements, `refetchCachedPages`.
→ https://www.joshwcomeau.com/css/subgrid/
CSS Subgrid – вложенные сетки с согласованными строками и колонками.
→ https://una.im/range‑style‑queries
Range Style Queries – новые возможности CSS для диапазонных запросов.
→ https://www.smashingmagazine.com/2025/11/keyframes‑tokens‑standardizing‑animation‑across‑projects/
Keyframes Tokens: Standardizing Animation Across Projects.
→ https://rspack.rs/blog/announcing‑1‑4
Rspack 1.4 – Rust‑бандлер с запуском в браузере через WASM.
→ https://techhub.iodigital.com/articles/interop‑2025‑which‑browser‑features‑to‑get‑acquainted‑with‑this‑year‑and‑why‑you‑should‑care
Interop 2025: Which browser features to get acquainted with this year.