JavaScript Weekly #798 — выжимка главного из выпуска.
В центре: как с помощью Baseline тащить меньше JavaScript. Разбирают зависимости без церемоний: раскладывают по кластерам (Intl, HTTP, UI-примитивы, lodash), задают неудобные вопросы перед выпилом и показывают случай, где замена Day.js на Temporal может раздуть бандл.
Дальше по списку: Yelp переехал с Flow на TypeScript на 1,4 млн строк — типовое покрытие подскочило с 83% до 96%. Cloudflare выкатила Kitesurf — браузер для агентов в V8-изолятах (в 3–7× меньше CPU и памяти). pnpm 12 уже в RC, Bun 1.4 на подходе. Плюс релизы Deno 2.9.5, Node.js 26.7.0, SolidStart v2, Preact 11 RC, Astro 7.2, Motion 13.1.
Инструменты: celld (self-hosted Durable Objects), hucre (движок электронных таблиц), vlt (альтернатива npm с CSS-подобными селекторами), TanStack Table v9.
Следующий выпуск — 25 августа. Читать полностью👉 Логово Верстальщика
В центре: как с помощью Baseline тащить меньше JavaScript. Разбирают зависимости без церемоний: раскладывают по кластерам (Intl, HTTP, UI-примитивы, lodash), задают неудобные вопросы перед выпилом и показывают случай, где замена Day.js на Temporal может раздуть бандл.
Дальше по списку: Yelp переехал с Flow на TypeScript на 1,4 млн строк — типовое покрытие подскочило с 83% до 96%. Cloudflare выкатила Kitesurf — браузер для агентов в V8-изолятах (в 3–7× меньше CPU и памяти). pnpm 12 уже в RC, Bun 1.4 на подходе. Плюс релизы Deno 2.9.5, Node.js 26.7.0, SolidStart v2, Preact 11 RC, Astro 7.2, Motion 13.1.
Инструменты: celld (self-hosted Durable Objects), hucre (движок электронных таблиц), vlt (альтернатива npm с CSS-подобными селекторами), TanStack Table v9.
Следующий выпуск — 25 августа. Читать полностью
Please open Telegram to view this post
VIEW IN TELEGRAM
Anthropic дал трём агентам задачу переписать бэкенд, причем каждому из них — на свой язык программирования. При этом агенты не знали, что работают параллельно в одном пространстве. Когда они заметили, что кто-то постоянно перезаписывает их работу, то решили, что им мешают намеренно, и перешли к саботажу.
Они блокировали аккаунты конкурентов, запускали скрипты для постоянного убийства чужих процессов и даже создавали самораспространяющийся вредоносный код, чтобы защитить собственную версию проекта.
Please open Telegram to view this post
VIEW IN TELEGRAM
Next.js-команда выходит на AMA на Reddit
Дэн Абрамов и Пит Хант теперь в Next.js, и эта братия выходит на AMA на Reddit. Во вторник, 18 августа, они ответят на твои вопросы. Хочешь спросить — заранее закидывай их в тред.
Источник: React Status #487
👉 Логово Верстальщика
Дэн Абрамов и Пит Хант теперь в Next.js, и эта братия выходит на AMA на Reddit. Во вторник, 18 августа, они ответят на твои вопросы. Хочешь спросить — заранее закидывай их в тред.
Источник: React Status #487
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
В прошлой статье про StyleX я разбирал, почему компилируемый CSS выглядит логичным продолжением CSS-in-JS. Одно из главных свойств StyleX — предсказуемость: ограниченная форма описания стилей, которую можно анализировать ещё до запуска. Это особенно важно, когда код всё чаще пишет AI-ассистент: слишком свободные инструменты позволяют добавлять магические значения, дублировать решения, обходить токены и размывать дизайн-систему. StyleX сужает пространство для таких ошибок.
Теперь Meta открыла Astryx — дизайн-систему на React и StyleX: больше 170 компонентов, темы, тёмный режим, шаблоны, CLI. Но количество компонентов здесь не самое интересное. Если StyleX делает предсказуемыми стили, то Astryx пытается сделать предсказуемой работу с интерфейсом целиком — и для человека, и для AI-агента.
Читать далее
👉 Логово Верстальщика
Теперь Meta открыла Astryx — дизайн-систему на React и StyleX: больше 170 компонентов, темы, тёмный режим, шаблоны, CLI. Но количество компонентов здесь не самое интересное. Если StyleX делает предсказуемыми стили, то Astryx пытается сделать предсказуемой работу с интерфейсом целиком — и для человека, и для AI-агента.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
Isolated declarations — ускорение больших monorepo
В TypeScript есть флаг
Проблема простая:
в больших monorepo генерация
может становиться узким местом.
TypeScript часто должен анализировать соседние файлы,
чтобы понять, какие декларации вывести.
На маленьком проекте это почти незаметно.
Что делает isolatedDeclarations
чтобы декларации можно было генерировать
по файлам независимо.
Из-за этого TypeScript чаще требует явные типы.
Было:
Лучше так:
Почему это важно
Когда проект растёт:
👉 TypeScript начинает сильнее зависеть от соседних файлов
👉 инкрементальная сборка замедляется
👉 генерация типов становится дорогой
Где это особенно полезно
👉 большие monorepo
👉 библиотеки
👉 project references
👉 параллельная сборка
👉 CI, где каждая минута стоит денег
Главный trade-off
Ты немного платишь:
👉 более явными типами
👉 меньшим type inference
👉 дополнительным boilerplate
Но взамен получаешь:
👉 более быстрые сборки
👉 стабильный compile pipeline
👉 меньше скрытой сложности
Главная мысль
В TypeScript есть флаг
isolatedDeclarations.
Он нужен не для красоты типов,
а для скорости.
Проблема простая:
в больших monorepo генерация
.d.tsможет становиться узким местом.
TypeScript часто должен анализировать соседние файлы,
чтобы понять, какие декларации вывести.
На маленьком проекте это почти незаметно.
На большом — начинает болеть.
Что делает isolatedDeclarations
isolatedDeclarations заставляет писать код так,чтобы декларации можно было генерировать
по файлам независимо.
Из-за этого TypeScript чаще требует явные типы.
Было:
export function getUser() {
return { id: 1, name: 'Alex' }
}
Лучше так:
type User = {
id: number
name: string
}
export function getUser(): User {
return { id: 1, name: 'Alex' }
}
Меньше магии для компилятора —
быстрее и предсказуемее сборка.
Почему это важно
Когда проект растёт:
👉 TypeScript начинает сильнее зависеть от соседних файлов
👉 инкрементальная сборка замедляется
👉 генерация типов становится дорогой
Изоляция помогает компилятору работать параллельно и проще.
Где это особенно полезно
👉 большие monorepo
👉 библиотеки
👉 project references
👉 параллельная сборка
👉 CI, где каждая минута стоит денег
Главный trade-off
Ты немного платишь:
👉 более явными типами
👉 меньшим type inference
👉 дополнительным boilerplate
Но взамен получаешь:
👉 более быстрые сборки
👉 стабильный compile pipeline
👉 меньше скрытой сложности
Главная мысль
Это хороший пример взрослого engineering trade-off:
чуть больше явности в коде
ради скорости и предсказуемости системы.
Появился объемный бесплатный роадмап по CS и алгоритмам, чтобы закрыть собес в топ-компанию, — называется Coding Interview University. Проект стартовал как короткий список тем, который автор собирал под себя, но со временем вырос в структурированный фундаментальный план обучения. Автор после такой прокачки получил оффер в Amazon, так что теперь собеседования не вызывают паники.
Ссылка на проект: https://github.com/jwasham/coding-interview-university.
👉 Логово Верстальщика
Ссылка на проект: https://github.com/jwasham/coding-interview-university.
Please open Telegram to view this post
VIEW IN TELEGRAM
Внутри собраны промпты для всех моделей: от Haiku 3 до Fable 5 и Opus 5. Можно посмотреть, какие инструкции модель получает ещё до начала диалога и как они менялись со временем.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Внутри учат, как правильно строить harness вокруг Codex и Claude Code: хранить состояние между сессиями, задавать агенту ограничения, не давать ему заканчивать задачу раньше времени и проверять, что получилось в итоге.
Всего в курсе 13 лекций с домашками, несколько практических проектов и готовые шаблоны, которые можно забрать себе.
Please open Telegram to view this post
VIEW IN TELEGRAM
Мои любимые CSS-трюки для фронтендеров, которые не используют Tailwind
Здарова, Хабр! Сейчас дофига фронтендеров тащится от атомарных классов, а главный любимчик – Tailwind. Автор не наезжает, мол, каждому своё. Но для тех, кто до сих пор пишет стили по-дедовски, через семантические классы, у него в рукаве пара офигенных трюков.
Эти штуки реально улучшают юзабилити, наводят порядок в стилях на контентных проектах и вообще выручают в куче мест.
Читать далее
👉 Frontender's notes
Здарова, Хабр! Сейчас дофига фронтендеров тащится от атомарных классов, а главный любимчик – Tailwind. Автор не наезжает, мол, каждому своё. Но для тех, кто до сих пор пишет стили по-дедовски, через семантические классы, у него в рукаве пара офигенных трюков.
Эти штуки реально улучшают юзабилити, наводят порядок в стилях на контентных проектах и вообще выручают в куче мест.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍2🔥2
GridStack: во сколько обходится выбор API для вложенных сеток
Реальный кейс: лепишь nested grids через
Читать далее
👉 Frontender's notes
Реальный кейс: лепишь nested grids через
addGrid() — и всё, попал. Ручная синхронизация DnD, боль с lifecycle, куча фиксов. Переключились на subGridOpts — архитектура упростилась, поведение устаканилось.Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
Какой-то разраб склепал ИИ-утилиту, которая выжимает из App Store дополнительную выручку.
Скрипт
Автор говорит, что после такой подстройки доход может вырасти в разы. Денежки капают🤑 — github.com/duceum/adapt-appstore-prices-cli
👉 Логово Верстальщика
Скрипт
adapt-appstore-prices-cli сам подгоняет цены под каждую страну: смотрит на экономические показатели вроде ВВП на душу населения и предлагает локальные ценники. Логика простая — не выставлять один и тот же ценник и в США, и в Индии.Автор говорит, что после такой подстройки доход может вырасти в разы. Денежки капают
Please open Telegram to view this post
VIEW IN TELEGRAM
Codex перевалил за 20 миллионов активных пользователей. 🎉
И по такому поводу всем, кто сидит в Codex и ChatGPT Work, на выходные дают кнопку сохранённого сброса лимита. 🤓
Источник: t.me/vibecoding_tg/3723
И по такому поводу всем, кто сидит в Codex и ChatGPT Work, на выходные дают кнопку сохранённого сброса лимита. 🤓
Источник: t.me/vibecoding_tg/3723
This media is not supported in your browser
VIEW IN TELEGRAM
Терминал теперь может притворяться VS Code
В Х шумит terminal-code. Он превращает консоль в редактор, который выглядит как VS Code. Работает через SSH, совместим с VS Code CLI и сам цепляет тему терминала.
Гиковее уже некуда terminal-code.com
👉 Логово Верстальщика
В Х шумит terminal-code. Он превращает консоль в редактор, который выглядит как VS Code. Работает через SSH, совместим с VS Code CLI и сам цепляет тему терминала.
Гиковее уже некуда terminal-code.com
Please open Telegram to view this post
VIEW IN TELEGRAM