Jest 30.4.0 сильный релиз для тестирования JavaScript

Jest 30.4.0 улучшает поддержку ESM, добавляет акценты вокруг Temporal и лучше работает с React 19, чтобы тесты были стабильнее и ближе к реальному окружению.

https://github.com/jestjs/jest/releases/tag/v30.4.0

Wakaru: разбор минифицированных JavaScript бандлов на модули

Инструмент принимает минифицированный бандл и возвращает читаемую структуру модулей, помогая восстановить код, провести reverse engineering или аудит безопасности. Можно использовать онлайн, чтобы быстро понять, что внутри сборки.

https://github.com/pionxzh/wakaru

OpenSkills CLI для Anthropic skills во всех AI coding агентах

Один CLI инструмент переносит skills систему Anthropic в любые агенты, которые умеют читать AGENTS.md, включая Claude Code, Cursor, Windsurf, Aider и Codex. Ускоряет настройку контекста и делает поведение агента предсказуемым.

https://github.com/numman-ali/openskills

MDXEditor как удобный редактор Markdown и MDX для React

MDXEditor это open source React компонент для редактирования Markdown в стиле Google Docs и Notion с поддержкой contentEditable, подсветкой кода через CodeMirror и настройкой языков блоков. Можно гибко управлять выводом в markdown включая маркеры списков и символы для выделения, чтобы форматирование совпадало с вашим пайплайном.

https://mdxeditor.dev/

5 лучших альтернатив DataForSEO на 2026 год

Подборка без воды для GEO, AEO и SERM: сравнение топ сервисов вроде SE Ranking, Bright Data и SerpAPI с фокусом на то, что важно для фронтенд команд при интеграции и работе с данными.

https://www.sitepoint.com/5-best-data-for-seo-alternatives-a-senior-expert-breakdown

Как добавить schema markup на современный сайт с JSON-LD без SEO плагинов

Schema.org разметка в JSON-LD позволяет улучшить понимание страницы поисковиками без зависимости от плагинов. Разберем практичный подход к генерации и встраиванию структурированных данных в фронтенд, чтобы разметка оставалась актуальной при изменениях контента.

https://www.sitepoint.com/how-to-add-schema-markup-to-modern-websites-using-json-ld-without-seo-plugins

Миграция на TypeScript 6.0 и адаптация tsconfig

Обновление до TS 6.0 с разбором ключевых изменений и практическими шагами, как привести tsconfig в порядок, чтобы компиляция стала предсказуемой и без сюрпризов.

https://www.sitepoint.com/typescript-60-migration-what-changed-and-how-to-adapt-your-tsconfig/

День сурка frontend-разработчика

Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что.

Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь.

И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.

Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!

👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.

Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂

А в своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров

А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме

А еще у меня множество успешных кейсов и отзывов, найти их можно в канале.

Реклама, erid: 2W5zFJG9hjF ИП Галактионов Тихон Витальевич, ИНН 771618975809

Реактивное программирование простыми словами

Реактивность строится из состояний, экшенов, реакций и инвариантов, а среда рантайма пересчитывает зависимости и обновляет приложение через каскад. Разберем push и pull подходы, а также как рантайм детектит изменения через polling, события и связи.

https://habr.com/ru/articles/1033088/

Техсобес для frontend: как ловить вранье, проверять реальную практику и не попасть в ловушки с ИИ

Техсобеседования ломаются на вранье в резюме, дословных ответах из документации и задачах, которые не отражают реальную работу, поэтому нужны практичные сценарии вроде рефакторинга и поиска багов. Отдельно разбираем, как оценивать AI assisted навыки без превращения интервью в проверку генерации кода.

https://habr.com/ru/companies/alfa/articles/1030322/

Почему нативная рандомизация в CSS это большой шаг вперед

CSS долго был детерминированным и не умел настоящую случайность, поэтому разработчики обходились паттернами, селекторами и генерацией на препроцессорах или на сервере. Новые нативные функции для random в CSS упрощают создание естественных вариаций и делают их частью самого стека, а не хаком.

https://css-tricks.com/the-importance-of-native-randomness-in-css/

React Server Components в TanStack Start

React Server Components выполняются только на сервере, могут быть async и напрямую ходить в API и базу, при этом в браузер уходит только готовая разметка без кода компонентов. Это радикально уменьшает клиентские бандлы и подходит для больших деревьев с минимумом интерактива, а интерактивность подключается через client components.

https://frontendmasters.com/blog/react-server-components-in-tanstack/

Миграция vk.com на SPA и обновление frontend-архитектуры ВКонтакте

Команда ВКонтакте перевела ключевые разделы vk.com на SPA, включая ленту, профили, сообщества, мессенджер, клипы и маркет.

Интересный кейс миграции большого highload frontend-продукта: первая отрисовка страницы ускорилась на 25%, а переходы между разделами — в 3,5 раза. Интерфейс теперь сначала показывает каркас страницы, а затем догружает контент. Параллельно ускорились инженерные процессы: деплой фронтенда сократился до 20 секунд, а релизы происходят 6–8 раз в сутки.

Подробнее — в статье: https://habr.com/ru/companies/vk/news/1043220/

Сюрпризы кроссдокументных view transitions: что ломается и как этого избежать

Разбор типичных проблем при кроссдокументных анимациях между страницами, включая отказ от устаревшего способа включения и неожиданный таймаут в 4 секунды. Полезно, чтобы сделать плавные переходы без дерганий и непредсказуемого поведения.

https://css-tricks.com/cross-document-view-transitions-part-1/

FastMCP для быстрых MCP серверов на TypeScript

FastMCP помогает собирать MCP серверы с поддержкой клиентских сессий без возни с низкоуровневой реализацией, ускоряя разработку и упрощая поддержку. Отлично подходит для тех, кто делает фронтенд-инструменты и интеграции с AI через MCP.

https://github.com/punkpeye/fastmcp

Интерактивный trail из картинок с гравитацией на GSAP

Делаем эффект, где при движении мыши появляются изображения, затем они падают к низу вьюпорта, отскакивают и исчезают, сохраняя направление движения курсора. Под капотом сборка компонента на JS и анимация через GSAP с аккуратным трекингом дельт курсора и порогом для спавна.

Демо

https://tympanus.net/codrops/2026/05/20/made-with-gsap-building-a-fun-gravity-based-mouse-trail/

pnpm 11.1: новые префиксы для GitHub Packages и улучшенная диагностика

В pnpm 11.1 добавили поддержку gh: prefix для GitHub Packages, а также обновили pnpm bugs и pnpm audit для более удобного открытия трекера ошибок и проверки ECDSA подписей реестра.

https://github.com/pnpm/pnpm/releases/tag/v11.1.0

React стек 2026: карта лучших библиотек по категориям

Разберем, какие библиотеки сейчас реально закрывают роутинг, UI, стейт-менеджмент, формы и таблицы в React, чтобы собрать проект без гаданий по package.json. Сфокусируемся на практичных выборах и актуальных альтернативах под разные сценарии разработки.

https://habr.com/ru/articles/1032830/

Rolldown 1.0 стабилен и готов к продакшену

Rolldown это быстрый JavaScript бандлер на Rust, который совместим с Rollup плагинами. Обновление с последнего RC обычно проходит без правок кода, а Vite 8 уже использует Rolldown как основной бандлер.

https://voidzero.dev/posts/announcing-rolldown-1-0

Мастер класс по отладке Next.js: логи, трассировка и полный контекст

Разбираемся с Next.js багами без прыжков между инструментами: пишете логи, которые объясняют где, что и почему, и связывают браузер и Node. В итоге получаете сквозную картину проблем для ускорения диагностики и исправлений.

https://sentry.io/resources/nextjs-may-workshop/