Мой базовый CSS-набор, который тащу в каждый проект

На Хабре появилась заметка от фронтендера: он выкатил тот набор стилей, что юзает из проекта в проект. И сразу честно предупреждает — велосипед не изобретал, просто собрал в кучу то, чем пользуется сам.

Внутри — старые приёмы, штуки, о которых мало кто в курсе, и свежие решения. На оригинальность никто не претендует, зато всё с прицелом на практику.

Читать далее

👉 Telegram | Max | 🌥 Claude и другие ИИ

Redux Toolkit движется к 3.0

Mark Erikson выкатил роадмап Redux Toolkit. Третий мажор ждём где-то через 6–8 месяцев: релиз будет ESM-only, а по масштабу ломки автор ставит его рядом с переездом на React 19. В придачу к роадмапу там есть экскурс в историю Redux.

До этого будет серия 2.x — она и подложит базу под мажор. Первый на очереди — 2.14, уже на этой неделе.

React Status #496

👉 Telegram | Max | 🌥 Claude и другие ИИ

MIT залил свежак: бесплатный The Missing Semester обновлён до версии 2026 года

Теперь там учат не только возиться с инструментами разработчика, но и работать с ИИ-агентами. Курс про практические навыки, которым при обучении программированию обычно почти не уделяют времени.

Старт — Shell, Git, отладка и профилирование. Потом переходят к выпуску софта, качеству кода и современным инструментам разработки с ИИ: Claude Code, Codex, MCP и Skills.

Внутри — конспекты лекций, практические задания и видеозаписи на YouTube. Всё бесплатно.

👉 Telegram | Max | 🌥 Claude и другие ИИ

Расширение врёт, а байты решают: как Android-вьювер научился жевать двести с лишним форматов

Автор пилит XanderFiles — смотрелку для Android, которая открывает больше двухсот расширений: от PDF и Excel до winmail.dat, подписанных .p7m, RAR с паролем, книг FB2, RAW с фотоаппаратов, билетов Wallet, снимков КТ и рисунков CorelDRAW. Хвост после точки он считает ненадёжной штукой, поэтому формат палится по первым байтам файла.

В статье разбирают, как эта кухня устроена внутри и по каким граблям пришлось пройтись: WebAssembly, «матрёшка» из Outlook, правка чужого минифицированного кода на лету и картинки, что никто не рисует.

Читать далее

👉 Telegram | Max | 🌥 Claude и другие ИИ

218 КБ переводов на каждой странице: что вообще лежит в payload Nuxt-приложения

Фронтендер BIGPLAY — киберспортивной платформы на Nuxt — разбирался, почему главная страница отдаёт больше полумегабайта HTML. И выяснил: внутри торчит словарь переводов всего сайта — по 218 КБ на каждой странице.

В статье он объясняет, откуда словарь взялся и как его выпилили: payload упал с 256 до 47 КБ. Дальше оптимизировать не стали. Плюс автор прикладывает результаты проверки 36 сайтов из витрины Nuxt.

Читать далее

👉 Telegram | Max | 🌥 Claude и другие ИИ

Почему в React несрочный рендер не улетает в никуда

В статье разбирают на примере поиска по каталогу: зачем помечать апдейт списка из тысяч товаров как несрочный. Логика простая — React сразу вставляет набранный символ в инпут, а увесистый список пересобирает уже потом, кусками между нажатиями. Дальше поднимают два вопроса: что будет, если долбить по клавишам без остановки, и что видит юзер, пока новый список ещё считается или подтягивается с сервера — старый список, голый экран или спиннер.

Речь про startTransition, useDeferredValue и Suspense. Читать далее

👉 Telegram | Max | 🌥 Claude и другие ИИ

Lighthouse CI: заводим автопилот для проверки производительности сайта

Автор прикрутил Lighthouse CI и GitHub Actions, чтобы проверки шли сами и регулярно: метрики производительности на контроле, а регрессии после правок в коде не проскакивают мимо. В статье — настройка аудита, какие метрики держать под присмотром и как разбирать результаты.

В практическом примере после оптимизации LCP упал с 12,3 до 3,0 секунды. Читать далее

👉 Telegram | Max | 🌥 Claude и другие ИИ

OpenAPI-спека как фронтенд-инструмент, а не просто Swagger UI

Фронтендеру OpenAPI-спецификация может пригодиться задолго до того, как ты вообще откроешь Swagger UI. Из неё спокойно вытаскиваются TypeScript-типы, API-клиент и mock-сервер — и разработку можно начинать, пока бэкенд ещё не готов. И вместо ручного расписывания моделей и запросов ты получаешь генерацию из одного контракта.

А если в контракте закралась опечатка, завелись лишние эндпоинты или не хватает поля, которое в интерфейсе уже нужно? Правки руками доживают только до следующего обновления файла, а ждать, пока на бэкенде всё поправят, выходит не всегда.

В статье — рабочие примеры с RTK Query, React Query, нативным fetch и Express. А дальше — воспроизводимая подготовка спецификации через openapi-modifier: исправления держатся отдельными правилами и накатываются заново при каждом обновлении OpenAPI. Читать далее

👉 Telegram | Max | 🌥 Claude и другие ИИ

Статус оплаты в React: как не словить ответ, который пришёл слишком поздно

Подписка уже оплачена, а React опять суёт «Ожидаем оплату». Оба запроса вернули HTTP 200 — просто старый ответ добрался последним.

В статье объясняют, как воспроизвести такую гонку и не позволить запоздалому ответу затереть актуальный статус заказа. Читать далее

👉 Telegram | Max | 🌥 Claude и другие ИИ

JS-проект для физических симуляций: апгрейд с ИИ

В материале разбирают, как возможности ИИ помогли прокачать JavaScript-проект для моделирования физических экспериментов. В получившейся программе собраны опыты из разделов: механика, механические колебания, гидростатика.

Во время разработки использовали исключительно Vanilla JS — без сторонних библиотек. Читать далее

👉 Telegram | Max | 🌥 Claude и другие ИИ

ИИ-агенты насыпали 1,4 млн файлов. Спасёт ли потолок в пять агентов?

В Claude Code на глаза попалась подсказка: масштаб агентной работы можно урезать прямо в запросе — попросить маленькую команду, выставить максимум пять агентов либо задать дефолтный размер через /config. У автора перевода эта штука вызвала смешанные чувства: он-то последние месяцы ковырял ту же задачу в своём инструменте, который тащит агентную работу от плана до готового изменения в репозитории.

Только вот, по его опыту, ограничение числа агентов, работающих одновременно, — это лишь один кусок проблемы.

Читать далее

👉 Telegram | Max | 🌥 Claude и другие ИИ

X (Twitter) перекраивает веб-клиент: три сервера схлопывают в одно приложение на React, Vite и Fastify

Инженер X Ягыз Низипли (Yagiz Nizipli) — тот самый человек, известный возней с производительностью Node, — в блоге X Engineering расписал, как устроена streaming-архитектура свежего приложения. По его словам, вместо трёх серверов теперь один апп на React, Vite и Fastify.

Досталось и узким местам, которые пришлось починять: среди прочего запуск тормозили сотни мелких JavaScript-файлов.

Источник: JavaScript Weekly #810

👉 Telegram | Max | 🌥 Claude и другие ИИ

Затаскиваем перегрузку функций в JavaScript

Кто-то взял мини-интерпретатор MuJS и прикрутил к нему перегрузку функций. Теперь можно объявить две sum: одну под пару чисел, вторую под число со строкой. sum(2, 3) и sum(2, "3") уйдут в разные реализации.

В статье раскрыто, по какому принципу движок выбирает, что именно запускать.

Читать далее

👉 Telegram | Max | 🌥 Claude и другие ИИ

ИИ-агенты облажались на реальном фрилансе

Scale AI прогнала современные ИИ-модели по 240 живым открытым проектам с Upwork — там было всё: от монтажа видео и 3D-моделей до геймдева, дизайна интерьеров и анализа данных. Лучшие агенты осилили только около 3% задач и наскребли примерно $1 810 из возможных $140 000+.

Оценка была не по красивым формальным тестам, а по простому вопросу: заказчик бы такое принял? То есть по реальной пригодности. Год назад, по тем же данным, лучший результат был ещё скромнее — около 2,5%.

И сразу оговорка: цифры вроде «41,3%», которые разлетелись по телеграму, и названия моделей «Fable 5.2», «Opus 5.5», «GPT-6 Astra» в этом исследовании не подтверждаются. Прогресс там куда более скромный.

👉 Telegram | Max | 🌥 Claude и другие ИИ